H5制作冷知识

一、什么是h5

h5页面是通过HTML5语言的代码来实现的，但现在有很多的制作工具，可以使人们无需了解代码就能制作多媒体、具有互动效果的h5页面。

现如今，h5越来越成为企业营销推广优先选择的方式，一个优质的h5，既能娱乐大众，又能达到曝光，宣传企业品牌，为商家增加网站流量。为此，很多商家都喜欢定制h5进行宣传推广自己的品牌、产品，那么h5制作应该要注意什么呢？

二、h5制作方法

一般h5页面的制作流程为：h5创意方案——原型图——文案——设计——音效编辑——代码或工具实现——上线

这是一种比较理想的作业流程，一般到了一定规模的制作公司会采用这种方式。

1、H5页面制作可以用什么软件（不要网上那种摆几张图片后自动生成的）

策划阶段：word、PPT、excel

原型：墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott

设计：PS、AI、AE、C4D

动画设计：音效编辑：garageband、final cut、Adobe Premiere

实现：代码实现

2、H5页面制作需要用到哪些技术（程序语言）

H5制作时常见的程序语言有：Html5,、node.js、js、PHP、three.js、webGL、CSS3、SVG……

还有一些开发接口：百度API、微信红包API、还有图片识别和声音识别的接口。

3、怎么做如摇一摇之类的动态效果

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

这里介绍两种方法：
第一种 是系统的- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event；方法。

经过多次把手摇断了的尝试，发现系统的方法比较容易触发，短时间内摇动多次这个方法便会触发多次。如果在摇一摇抽奖情况下，摇动结束后执行后续事件的话也会执行多次。所以在此情况下，我添加了一个BOOL变量来控制这个情况：摇动之前打开，第一次摇动后关闭防止多次触发，摇动结束后事件执行完毕后打开，以便于下一次摇动事件的执行。

第二种 使用加速仪，加速仪跟手机的设备一样，不需要经过用户允许，也没有访问限制，当然也没什么危害，手机基本配备而已。

具体的制作流程百度一下你就知道了。

H5页面作为目前微信上常见的推广宣传工具之一，有着很高的营销价值，无论是企业还是个人，都可以自主制作和利用H5页面来实现自己的各种目的。

点击http://www.dreamh5.com/更多的营销知识。