H5页面怎么做？

主要有两种方法，一是通过代码进行定制，二是通过H5制作工具进行自制。

代码定制的成本比较高，所以很多企业的市场营销人员都是选择用H5工具自己制作H5页面的。

在选择H5工具的时候，建议你选择一款专业的、适合自己的制作工具，因为这直接关系到H5好不好看、够不够高级等。

相比于大部分以模板为主的制作工具来讲，个人比较推荐功能更为强大的意派Epub360。这款专业工具除了拥有上传图文、音频、视频等基础功能外，还具备表单、数据库、参数变量之类的特色功能，可以制作一镜到底、全景VR、画中画等酷炫的H5作品。新手可以在其教程中心搜索关键词查找相关的教程，把教程琢磨透后，对提升自身的制作技能一定有很大帮助。

另外，无论新手还是老手，都需要经常参考、吸收H5大神们优质作品的优势，以帮助自己大开脑洞、培养审美，并避免故步自封。意派Epub360的案例库及模板库中有很多刷屏级的作品，你可以时常去看看有没有更新。此外，H5案例分享、爱果果等平台上也有非常多的案例，你也可以到这些网站上找找灵感。

1、首先我们先进入H5网页，目前还是测试阶段，点击立即试用。

2、进入之后需要先设置H5作品名称。然后会让你选择想要的项目类型，

3、“分页布局”以及 “整页布局”，前者是翻页阅读的 h5 模式，就是创建很多个页面，后者是普通单页网页模式。

4、名称设置完成就可以进入编辑区域，界面左上角是保存及撤销 *** 作区域；左下方是文件区域，选择文件进行编辑；中间上方是编辑区域，添加文字，都在这里 *** 作；中间下方是组件显示区域，可以更改动画时间等；右侧为时间及动画编辑区域，选中对象，添加动画。

完整的H5页面的制作流程为：策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线

这是一种比较理想的作业流程，一般到了一定规模的制作公司会采用这种方式。如果公司的细分程度做不到这么细的话，那就身兼数职，但是流程是不变的。

你的提的问题，是初学者普遍困惑的问题，我按照你的提问顺序逐一回答一下：

1、H5页面正规流程下需要用什么软件制作（不要网上那种几张摆摆自动生成的）

策划阶段：word、PPT，我还见过用excel做策划案的（还做得相当不错呢）

原型：墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott（其实我常常就是在纸上画出来，然后丢给设计童鞋，如果是设计童鞋参与到策划阶段，可以直接出简单的手绘稿）

视觉设计：PS、AI

动画设计：AE，C4D

音效编辑：garageband、finalcut、AdobePremiere

大众型工具：MAKA、兔展、易企秀，还有很多，也很优秀。利用模板，支持一定范围的自由创作，推荐MAKA。

专业型工具：支持自由创作，推荐ih5和意派

2、需要用到哪些技术（比如哪些程序语言）

Html5,、CSS3、js、threejs、webGL、nodejs、SVG、PHP

如果是做H5的游戏，那就涉及到egret和layabox和cocos，我们用egret多些。

哦对了，还有一些开发接口：百度API、微信红包API、还有识别和声音识别的接口

3、微信里的一些特殊的动态效果，比如摇一摇、倾斜手机、举起手机是怎样实现的

这些是利用陀螺仪和重力感应做出来的，实现方法已经很成熟了，百度一下吧。

参考H5最新玩法汇总有了这些新玩法，还怕没灵感？

4、H5页面怎样发布到微信上

等你做好一个H5的时候，我相信你就已经会怎么发布到微信上了，所以，justdo

it，不要什么都没做，就问题一大堆。即便你只是复制粘贴，你也先把整个流程走完，然后再提问。

5、有什么相关参考资料

人脸识别

百度地图接口title=jspopular

迪士尼动画原理

Egret开发者中心

199case的H5案例库

牛黄清心丸

H5涉及的内容太多了，每个环节都可以展开讲很多，关注我，不一定什么时候就爆出猛料来的。h5页面自己做肯定是不行的，可以借助制作h5的工具，我就说个自己用的给你吧工具名叫“我要联赢”可以制作情景网页玩法多样、

功能齐全还有配套做微网页的功能，无论是营销推广还是自己玩玩发朋友圈都不错。望采纳！