如何使用Epub360制作炫酷的邀请函类型H5页面

邀请函类型的H5页面作为一种活动报名、产品推广、婚礼庆典等场景通用的一种形式，发展到今天，玩法多种多样，今天我们以意派Epub360为例，来向大家介绍如何制作炫酷的邀请函H5页面

工具/原料
意派Epub360账号
联网的电脑
方法/步骤
1、进入意派Epub360官网注册登录，进入工作台，点击左侧创建第一个空白的H5作品

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

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

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

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

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

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

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

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

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

如何使用Epub360制作炫酷的邀请函类型H5页面相关推荐

html border阴影效果_一篇文章教会你使用html+css3制作炫酷效果
[一.项目背景] 在浏览一些网站的时候,经常会看到很多的炫酷的效果去装饰页面,使它看起来更高端大气一些.比如,艺龙就采用了图片上加载文字,点击图片使把对应的图片放大,使用户清晰,直观的看到内容.这种效 ...
C/C++制作炫酷烟雾特效
C/C++制作炫酷烟雾特效效果代码 #include <graphics.h> #include <time.h> #include <conio.h> #in ...
ps如何制作炫酷gif动态光效图片
制作简单效果又棒,方便我们快速制作一些动态GIF图片效果,喜欢用PS动作制作各种GIF动画效果的小伙伴可以了解一下,下面是一些效果图: 01.解压我们下载来的"制作炫酷动态光效背景GIF效果 ...
ps cc 生成html,Adobe Photoshop CC 2017制作炫酷的UI界面
最近有网友向小编咨询UI界面的制作方法,小编今天给小伙伴们分享一个Adobe Photoshop CC 2017超级酷炫的<UI设计小教程>,让我们一起来打造一枚流光质感界面吧~.感兴趣的 ...
html 滤镜制作线条,PS滤镜简单制作炫酷的线条效果
今天为大家分享利用PS滤镜制作炫酷线条效果方法,教程很不错,值得大家学习,推荐过来,喜欢的朋友快快来学习吧! 步骤启动PS软件 ctrl+n新建一空白文档,尺寸为 800x600px,背景色设置为黑 ...
制作炫酷AR卡片特效——小技巧
制作炫酷AR卡片特效--小技巧本帖最后由仅为年时于 2016-7-9 08:28 编辑 gif展示.gif (2.82 MB, 下载次数: 11) 下载附件保存到相册 2016-7-9 01 ...
纯CSS3制作炫酷的3D相册
纯CSS3制作炫酷的3D相册整体效果如下所示: 整体代码如下所示: html中的代码 <!DOCTYPE html> <html lang="en"> & ...
PS制作炫酷科幻图片霸气人物特效
首先我们需要陌鱼社区下载一组科幻人物电影特效制作Photoshop动作,然后就可以快速制作炫酷科幻电影人物效果了,下面是一些这个动作制作出来的效果,喜欢的小伙伴可以尝试做一下哦. 01.还是老样子,载 ...
html设置发光字体制作,CSS3制作炫酷的自定义发光文字
CSS3制作炫酷的自定义发光文字 text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px ...

如何使用Epub360制作炫酷的邀请函类型H5页面

如何使用Epub360制作炫酷的邀请函类型H5页面相关推荐

最新文章

热门文章