H5页面怎么做？

从开发者的角度：

需要写代码进行开发，可能会用到JavaScript、html5、css各种知识，专业度比较高，不是程序员一般难以实现。

从普通使用者的角度：

借助H5页面在线制作工具，或是直接套用模板，或是完全自定义编辑设计，也可以模板+自定义结合。市面上H5制作工具很多，在 *** 作方法上大同小异，跟做PPT差不多，而且其风格样式基本能覆盖生活和工作各种场景的需要。

如果追求简单易上手、节约时间的话可以尝试MAKA、易企秀、兔展、初页这几款，这几款模板选择多，直接提供组件，拖拽编辑即可。如果想做更强大的酷炫交互页面，追求个人设计感的话可以尝试秀米和iH5,这两款工具没有手机APP，只能在电脑 *** 作。

1MAKA

这款工具在国内上线时间算是比较早的了，用户基础庞大，模板丰富， *** 作简单。

2易企秀

模板也很丰富，但专门针对企业推广营销，全方位覆盖企业各种营销内容创意制作。

3兔展

模板丰富，每天都有更新，模板的风格也比较简约大气，有设计感。

4初页

风格小清新，刚开始推广的点是“情书”，把照片做成故事和书，目前智能在手机APP上进行 *** 作。

5秀米

模板和页面组件都很丰富，自定义设计编辑功能强大但并不复杂。秀米除了可以做H5页面，还是一款非常好用的微信公众号图文编辑器。

6iH5

一款功能非常强大的H5在线制作工具，甚至可以算得上专业级别， *** 作起来没有其他工具简单，需要自己多去看教程，多练习。

H5项目制作流程：策划、创意文案、平面视觉、动画交互、前后端的开发、推广等方面

有的答主写的比较笼统，或者比较深奥，不少读者看不懂但觉得好专业，看就就完了，对大部分知友来说毫无意义的回答咳咳，话说回来，虽然很早的H5项目制作，或者现在有些大厂还是靠团队分工，策划，视觉，开发等多个工作划分，但笔者了解到目前制作H5大多是一个设计师或者一个运营，老板能让一个人做的绝不分配成两份工作。当然也是基于一些类似意派Epub360专业的H5设计工具。随着互联网的发展，H5技术的普及，对人力成本的控制和开发效率需求，这类H5工具可以大大缩短项目的开发周期，设计、排版、动画、交互、数据现在基本上一个人就可以完成以前需要一个团队制作的H5项目。

完整的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的工具，我就说个自己用的给你吧工具名叫“我要联赢”可以制作情景网页玩法多样、

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

制作H5的流程要分为：
H5项目制作流程：策划、创意文案、平面视觉、动画交互、前后端的开发、推广等方面
很多答主写的比较笼统，或者比较深奥，不少读者看不懂但觉得好专业，看就就完了，对大部分知友来说毫无意义的回答……咳咳，话说回来，虽然很早的H5项目制作，或者现在有些大厂还是靠团队分工，策划，视觉，开发等多个工作划分，但笔者了解到目前制作H5大多是一个设计师或者一个运营，老板能让一个人做的绝不分配成两份工作。
所以使用一个趁手的H5工具就显得尤为重要了，如何选用呢
这里我们按照需求来划分，分两种：
1）模板化的简单需求；
2）专业化的灵活定制需求
模板化的平台挺多，像易企秀、兔展，模板种类多，数量很丰富。
专业的H5工具较少，尤其需要保持高灵活度的编辑功能、简单易上手的低门槛，还有大家关心的价格高低，综合以上这里推荐一款超酷的H5平台：意派Epub360
意派Epub360与 意派Coolsite360 作为SAAS设计工具平台，自2014年上线以来，已持续运营近五年时间，服务了近百万用户及数千家企业用户，其中包括招商银行、华为、新华网、中国新闻社、人民日报数字屏媒项目、中国数字科技馆、中国商飞等知名企事业单位。
关于H5编辑器的能力
1）专业交互功能
支持专业级动画控制、交互设定、社交应用与数据应用，保障企业的商业需求顺利实现。
2） *** 作简易、流畅
采用由简到难递进式产品设计模式，效果组件化，减少用户上手难度，稳定的 *** 作环境助力企业持续创意输出。
3）提供企业/媒体培训和定制服务
我们为企业/媒体单位提供H5工具培训及定制服务，定制服务包含扫码签到、大屏互动、H5游戏等多种场景，是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。
4）提供优质模板库
提供丰富的模板库，500+优质的企业H5模板，各种邀请函、招聘、节日海报、H5小游戏应有尽有。
以上就是H5制作流程的大概简介，也说明了制作不同情况H5工具的推荐，如果想更深层次制作H5可以看一下下面的制作H5项目所需要掌握和学习的网站或工具大全。

完整的H5页面的制作流程为：策划案——原型图——文案拟定——视觉设计——动画设计——音效编辑——代码或工具实现——上线这是一种比较理想的作业流程，一般到了一定规模的制作公司会采用这种方式。如果公司的细分程度做不到这么细的话，那就身兼数职，但是流程是不变的。

1、H5页面正规流程下需要用什么软件制作（不要网上那种几张摆摆自动生成的）策划阶段：word、PPT，我还见过用excel做策划案的（还做得相当不错呢）原型：墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott（其实我常常就是在纸上画出来，然后丢给设计童鞋，如果是设计童鞋参与到策划阶段，可以直接出简单的手绘稿）视觉设计：PS、AI动画设计：AE，C4D音效编辑：garageband、finalcut、AdobePremiere实现：大众型工具：MAKA、兔展、易企秀，还有很多，也很优秀。利用模板，支持一定范围的自由创作。

2、需要用到哪些技术（比如哪些程序语言）Html5,、CSS3、js、threejs、webGL、nodejs、SVG、PHP如果是做H5的游戏，那就涉及到egret和layabox和cocos，我们用egret多些。哦对了，还有一些开发接口：百度API、微信红包API、还有识别和声音识别的接口。

---