微信上的html5页面是怎么制作出来的？

你好，微信上的HTML页面一般是用工具做出来的，很少有开发的H5案列，最常见是翻页H5，自由度比较低，只能修改图片换换位子，而专业工具自由度比较高，可以很灵活的设计H5，epub360在专业工具中上手难度适中，值得大家尝试下。

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

关于这个问题

屡屡刷爆朋友圈的H5页面肯定就是首当其冲的，提到H5页面，就立马想到“围住神经猫”，上线微信朋友圈3天的时间便创造了用户500万，访问量超1亿的神话。

工具：易启秀，易传单，前者更有名，后者更稳定。都免费。制作psd分层文件。把背景和需要动的分别保存（动态部分要png）。

1.登录网站，点击右上角进入个人主页。

2.选择“创建作品”。

3.选择“手机端”进行创建。

4.这样就可以利用左侧工具栏进行制作。

5.在工具栏第一栏里我们可以添加照片，视频或者动态图等素材。

6.制作完成后选择“保存”或者“发布”即可。

H5为移动端提供了很多api，比如媒体查询可以开发出自适应不同型号和尺寸的移动端界面。

当H5结合中间件产品Cordova（Cordova调用手机底层的api接口例如重力感应，收发信息，GPS等功能）后，并将H5+cordova放在安卓和苹果系统的SDK中打包成应用，变成为了跨平台的移动应用了。实际上，还是用到了安卓和苹果系统内嵌的浏览器，相当于在应用中浏览H5编写的页面，cordova负责调用手机的原生功能。再将他们放到开发环境中打包，H5就能够开发跨平台应用了。

总结

微信H5制作方法的另外几种也可以试一下可以自己使用html5+css+js来制作。找一些免费的h5页面制作平台，如最酷网、秀米、一页等来免费制作。在网上找一些h5页面模板，来修改成自己的。

---