兔展：像制作PPT一样制作炫酷的H5

Step 1-注册并登录账号

1.建议使用谷歌浏览器登录兔展官网www.rabbitpre.com，点击页面右上角【注册】按钮，填写相关信息，注册完成

2.若已有兔展账号，可直接登陆www.rabbitpre.com

注册、登录与密码问题（←点击查看更多详情）

Step 2-新建作品

1.登录模板市场www.rabbitpre.com/store/recommend，按照需求选择相关分类或者搜索关键词查找合适模板，并点击立即使用
2.如果是免费模版，点击【立即使用】—【去制作】即可；如果是付费模版，点击【立即购买】，可支持支付方式（余额/支付宝/微信），后点击【确认支付】购买模版即可。

新建作品、保存作品、发布作品、修改作品与删除作品（←点击查看更多详情）


Step 3-编辑文本

1.替换模板文本：双击文本框即可编辑
2.新建文本：点击上方菜单【文字】，即可双击编辑
3.文本设置：可按照需求设置文字大小、字体、颜色、行距字距等

注：打字机动画惊喜上线，让文字动起来
设置方法：点击文本框，右侧选择打字机动画即可

Step 4-编辑图片

1.替换模板图片
2.自定义上传图片：点击上方【图片】按钮，点击上传图片（图片大小限制在5m以内，可批量上传）

Step 5-编辑形状

1.点击上方【形状】按钮，选择需要的形状，右侧可设置形状颜色、高级样式、动画等



Step 6-设置背景及翻页

1.点击上方【背景】按钮，可上传自定义背景图，也可设置纯色背景并应用到全部页面。
2.选择想要的翻页动画（可应用到全部页面也可分别设置）
3.全局设置：可开启翻页循环、翻页指引，自动翻页


Step 7-设置互动功能
1.表单：添加需要的表单组件，可设置相应的表单属性及动画
2.按钮：添加按钮，可设置按钮的样式、动画及触发事件
3.点赞：添加点赞按钮，可设置点赞的形状、布局，动画等
4.地图：默认高德地图，可输入地址并设置动画，在预览页可进行导航
5.留言：添加留言组件，可设置留言标题、开启弹幕并设置动画
6.一键拨号：添加一键拨号，可输入号码，在手机端就可点击拨打
7.倒计时器：添加倒计时，可设置倒计时的样式、终止时间、到期后操作、文本及数字颜色，动画等
8.指纹计数：添加指纹计数，可设置提示语、指纹图片及动画等
9.微信头像：添加微信头像后，在手机端预览可显示浏览者微信头像

Step 8-添加背景音乐/音频

1.点击上方【音频】按钮，选择【背景音乐】，右侧点击【添加音频】，可上传音乐或选择音乐库的音乐，还可以设置音乐循环、自动，是否显示在全部页面等
2.选择【添加音频】，可设置音频组件的封面，其他如上

Step 9-添加视频

1.可上传本地视频、一视作品，在线视频通用代码（优酷、腾讯）
2.添加成功之后可调整视频在画面的尺寸，旋转角度等

Step 10-调整页面

1.中心区：可撤销回上一步或返回下一步；可预览当前页；可编辑图层，锁定或隐藏图层；可导入psd页面（详看PS导入宝典）；在页面的底部有拉长缩短按钮，可以单独作为长页作品，也可普通页和长页相结合

2.左侧菜单区：可上下移动页面顺序；复制页面；删除页面；



Step 11-设置动画

Step 11-设置触发事件 （tip：文字、图片、形状，按钮可设置触发事件）

1.跳转页面：点击某素材可跳转到指定一页，只能触发一次
2.跳转外链：点击某素材可跳转到指定的外部链接
3.拨打号码：点击某素材可外拨指定的号码（仅手机端可拨）
4.显示隐藏：点击某素材可显示或者隐藏当前页的其他素材

Step 12-预览发布作品

1.预览：在制作过程中，可随时点击【预览】查看当前作品，也可以扫码或复制链接地址在手机端预览
2.发布：作品完成之后可点击【发布】，可设置封面标题描述，接着可以付费解除加载页logo及底链信息，发布完成