我们在很多场合都需要制作邀请函,H5邀请函,邀请函类型的H5页面作为一种活动报名、产品推广、婚礼庆典等场景通用的一种形式,发展到今天,玩法多种多样。

今天我们以H5工具意派Epub360为例,来向大家介绍如何制作炫酷的邀请函H5页面。

工具/原料

  1. 意派Epub360账号
  2. 联网的电脑

方法/步骤
1、进入意派Epub360官网注册登录,进入工作台,点击左侧创建第一个空白的H5作品

2、点击右上角的“页面”,切换到background页面,在这个页面添加序列帧组件,就是很炫酷的视频输出的序列图片,图片全部插入,设置自动播放,间隔时间为0.08s

3、点击右上角的“页面”,切换到页面,我们添加首页的图片,排放好,设置飞入动画,案例中我还使用了SVG描绘动画,让整体动画更炫酷、更细腻

4、第二页,一般是公司介绍或者是活动介绍,我们点击编辑器的上方工具栏,点击段落文本,把文字内容粘贴进去,设置文本的字号、颜色,添加飞入的播放动画

5、第三页一般是活动/会议领导人/嘉宾介绍,我们把活动/会议领导人/嘉宾的图片添加到画布上,设置放大出现的动画,动画效果可以为power4

6.第四页一般是活动/会议的流程,通常会有一个时间线,比如2点做什么,3点做什么,具体的时间安排,我们可以给不同的时间图片添加顺序渐现动画

7.第五页一般是会议报名,我们点击编辑器上方的工具栏,添加“联系表单”,更改一下样式,符合我们的主题,默认是可以表单提交,收集用户活动报名信息

8.最后一页,一般是活动/会议的地址,主办方的联系信息,可以点击编辑器上方工具栏“高级组件”下面的地图组件,点击添加到画布上,优化一下细节

这样我们就做好啦,我们可以点击点击左上角的预览,确定没问题了就点击编辑器左上角发布按钮进行发布作品。

注意事项
请使用谷歌浏览器编辑制作H5
做之前最好先看一下新手教程的编辑器介绍

原文出处:https://www.epub360.com/blogs/article/5e82fcfc43e343142e77835f/

更多相关文章

  1. html中的链接不添加http(协议相对 URL)
  2. 尝试用css各类选择器添加样式制作一个注册表单
  3. curl扩展与composer
  4. Ajax 添加删除修改
  5. 注册表单实战案例
  6. Visual Studio Code如何切换为简体中文
  7. PHP:【商城后台管理系统】部署角色管理,角色添加,菜单权限,删除角色
  8. 4.【商城后台管理系统】基于TP6开发后台无限极菜单的管理显示与
  9. PHP:【商城后台管理系统】部署管理员一级菜单和二级菜单列表添加

随机推荐

  1. 用无序列表键入文本脚本
  2. 如何通过z-index覆盖一个div
  3. 主滑块调整大小到行容器
  4. Windows8/Silverlight/WPF/WP7/HTML5周学
  5. 通过属性名称获取HTML元素
  6. 2.html5的基本格式
  7. 在PHP中的HTML表中显示查询结果
  8. CSS div溢出隐藏和浮动
  9. 【求助】python xpath如何提取html中的如
  10. 如何用Cdont+ASP发送带附件的html格式邮件