H5网页制作怎么做？

H5实际上是一个微型网页。一个H5的开发时间很短，但是确实有很多功能需要用到。让我们总结一下H5的发展。

第一，需求分析。

H5也是一个小网站，网站的发展离不开需求分析。只有做好需求分析，才能更好的设计页面和界面。下面简单介绍一下接口设置标准。

与后端数据通信一般有两种方式；同步和异步，同步数据可以通过头文件传递，通过php页面中的php变量获取:$sharekey。当异步获取数据时，需要通过接口请求数据。接口后台返回值和前端传入值的格式要由开发者自己协调。但是为了保证微信中的数据安全，通常会传入五个值:name、key、ukey、timestamp和nonce。

二、处理设计稿

设计提供的psd草稿，需要前端人员根据自己的需求调整psd草稿，按照特定的规则放置psd，然后通过PS脚本文件处理psD，生成自己需要的图片文件，将每张图片中的信息赋给图片名，再通过php读取图片信息，生成自己需要的数据格式，也就是前端页面需要的配置表。

注:具体的ps脚本文件和php批处理文件存放在我百度网盘的工作积累文件夹中。

第三，生成一个简单的页面。

Php生成一个配置文件，然后通过js写一个配置表生成一个简单的页面，然后给页面添加逻辑。我们开发的时候会预加载图片资源，通过一个loading.js读取配置表

四、微信分享设置

微信分享也是必不可少的功能。要实现这个功能，需要在后台配置官方微信账号。而前端只需要传输和分享标题、文字和图片。微信分享开发的配置在微信开发者文档中有介绍。

动词(动词的缩写)音频设置

在音频的问题上，我们写一个声音对象，在原生音频的基础上操作。如果需要播放多个音频，也可以使用howler.js库。

不及物动词统计

可以通过learnCound实现统计，在项目中添加自己的AV.***ytics.js文件，然后通过log()添加统计。

也可以用百度统计。详见官方文件。

七、上传七牛云cdn加速

上传cdn很简单，可以使用工具QsunSync，上传时设置路径模式和上传模式。