尽管如此，还是有许多人喜欢亲自动手开发h5页面。下面，笔者将会从几个方面简单地介绍如何制作h5页面。
完整的H5页面的制作流程包括：策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线
代码/工具实现就是开发的过程。
在开发的过程中，需要用到的工具通常有以下几种：
大众型工具：MAKA、兔展、易企秀，还有很多，也很优秀。利用模板，支持一定范围的自由创作，推荐MAKA。
专业型工具：支持自由创作，推荐ih5和意派
需要用到的技术包括：
Html5,、CSS3、js、three.js、webGL、node.js、SVG、PHP……
如果是做H5的游戏，就涉及到egret和layabox和cocos。
还有一些开发接口：百度API、微信红包API以及图片识别和声音识别的接口
以上就是笔者根据经验简单介绍了开发过程中需要用到的工具和技术，实操部分因为内容实在太多了，就不在这里详细展开。
最后想说，h5的学习制作过程是复杂的，需要耐心和毅力。如果自学h5的原因是商业推广方面的需要，也可以找专业的服务商来做。在没有时间和精力的情况下，也是不错的选择。笔者也尝试找过几家h5页面制作的服务商，效果都挺满意的，像汇桔宝这类都做的挺好的。
原文：http://blog.51cto.com/13853853/2153728