Question

微信上的h5页面是怎么制作的？

Answer 1

工具/原料
微信H5页面的制作素材，包括图片，音乐，文案等

方法/步骤
1
点击制作栏目，进入模板选择页
1、选择空模板，自由创作；
2、选择主题模板，更快速的创作出炫丽的展示。

2
选择模板后，进入创作界面

3
预览树操作
1、显示的页面的显示顺序；
2、右键调整页面的显示顺序；
3、点击页面右上角的X,可以把不需要的页面删除。

4
功能—添加修改文字
1、添加文字：点击右侧的文字选项→主编辑区会出现文字输入框→双击修改
2、文字属性修改：右侧文字属性修改选项，包括字体种类，字体大小、颜色等等。

5
功能—添加修改图片
1、上传图片：点击右侧图片选项→上传按钮→选择图片→确定
2、截图：点击截图按钮→选择图片区域→双击

6
功能—添加修改按钮
添加按键：点击右侧按钮选项→点击编辑区的按钮→修改文字、链接

7
功能—添加修改表单
1、添加表单：点击右侧的添加表单按钮，在弹出的窗口中填写提交数据的名称
2、修改表单样式：在右侧的属性栏中，修改表单的显示样式
3、查看及下载数据：客户提交数据后，可以在表单数据中看到，并提供下载

8
功能—添加修改底图
1、修改背景颜色：点击右侧底图选项→选择颜色
2、上传底图：点击右侧底图选项→点击上传按钮→确定

9
功能—添加修改背景音乐
添加背景音乐：点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮

10
功能—添加修改切换效果
添加切换效果：选择页面→点击配置选项→选择切换效果

11
功能—添加修改动画效果
添加动画效果：点击添加动画的组件→点击动画选项→点击动画效果

12
保存
点击导航栏的保存按钮→再点击预览按钮→进入发布页面

13
生成
1、添加标题、描述、缩略图
2、生成的二维码和链接可以用于分享到微信、微博等
3、点击生成按钮，即完成了一个作品的制作过程。
参考http://jingyan.baidu.com/article/f3e34a12a94fc3f5ea65355e.html

Answer 2

H5页面其实是一个链接，订阅号可以把H5链接放在原文链接里面。可以自己尝试使用专业的H5制作工具制作，意派Epub360算是一个，有很多丰富的组件可以调用。使用逻辑跟PPT差不多，音乐、动画、视频、交互都可以轻松实现。在线制作，只需要把链接放在公众号里或者发给朋友、朋友圈即可。

Answer 3

目前有比较多的h5页面制作工具，你可以去试试使用。推荐使用兔展制作，个人觉得比较好用。