H5场景制作，从零到一

从零到一课程：H5移动场景制作

小白可以先拉到最后面点击阅读原文，看看H5啥样！（仅限微信端）

H5是由HTML5简化而来的词汇，凭借其灵活性高、开发成本低、制作周期短的特点，如今广泛运用于移动端的宣传方式。可分为拆分为两大部分：

场景制作：由文字、图片、音乐、视频组合而成，辅以丰富的控件、灵活的动画特效、强大的交互应用制作而成。制作者的制作能力就体现在这。

数据收集：每一个场景制作后，可通过微信、QQ等自媒体进行传播，制作者可以搜集场景观看次数，可以通过表格查看观看者的信息。H5广泛运用于企业营销，数据收集功能功不可没。

用途：

• 企业宣传

• 活动推广

• 产品介绍

• 会议邀请

• 公司招聘

制作步骤：

• 素材准备：文案、图片、音乐、视频

• 制作平台选择：易企秀、兔展、人人秀、MAKA

• 制作阶段：将准备好的素材，通过制作平台制作成精美得场景

• 宣传阶段：将制作好的场景在现场进行传播，收集数据

• 数据分析：将得到的浏览量，收集到的信息进行处理利用

制作流程说明（以兔展为例）

1、登录兔展网页版（http://www./）

2、选择模板：根据自己的需求，点击相应分类，找到自己喜欢的模板就行。空白模板适用于经验比较非常的制作人员。（有ppt制作经验的可以很快上手）

3、编辑制作：利用准备好的素材，结合模板设计。（慢慢摸索吧）

4、一般制作页面应该分为四个区域：功能区、编辑区、模板区（兔展没有）、页面区

5、发布传播

各大制作平台比较：

易企秀（http://www.eqxiu.com/）

中小企业社会化自营销服务平台，动态模板丰富，制作简单。最大的优点是模板数量大约有1100多个，且用户可以自行上传模板，模板分类标签详细，免费的也多。不过，精美度不如其他几个平台。对于初学者来说，是个最佳的选择。

人人秀（http://www./）

Slogan是三分钟制作互动展示。果然是三分钟，模板选择少，大部分付费，根本没有多少选择的时间。哈哈吐槽一下而已，模板少，且大部分付费，很不亲民啊。不过，相较于其他平台，人人秀的编辑页面功能按钮设计简洁明了，是Apple苹果风格，功能强大。对于要求较高的大神设计师来说，是最佳选择。

MAKA：（http:///）

MAKA，Slogan是简单、强大的HTML5创作工具。最明显的优点是，模板是精美！模板数量一般。缺点是提供的文字、图片样式都比较有限，不能修改表单，另外要使用数据统计模板也有条件限制。要是能付费的话，功能就很强大，适用于小土豪。

兔展（http://www./）

兔展口号是像PPT一样制作移动H5页面。个人觉得是集中了其他平台的各大优点，但是做得都不精，使用人数较多。模板多，操作简单，推荐哦！

好了，从零到一，H5是不是没有你想象的那么难，要行动起来哦，多多动手就会有进步。

馒头私塾后续会有制作H5的更多教程，教会大家做一个合格的H5哦！