如何制作创意H5？一文了解真正的H5（h5的设计与制作）思维导图

虽有抖机灵之嫌，概括也不够严谨（因为 H5 的功能远比 PPT 强大，比如重力感应等高级特效，PPT就没法实现），但能让小白在最短的时间意会 H5 的基本概念，就不失为一个好回答。

但要深入理解相关概念，我们还是得追本溯源。H5 是 HTML5 的简称，HTML5 又是 Hyper Text Markup Language（超文本标记语言）的简称（这不重要，请无视）。

有点代码常识的童鞋应该都知道，HTML 语言是用来做网页的。随便找个网站，点击右键查看源代码，就能看到该网页相关的 HTML 语言代码。

一个网站是怎么呈现到我们面前的呢？建网站的童鞋用 HTML 语言写出上面图右的代码，经过浏览器的识别转化，生成了上图左中的网站，呈现在我们面前。举个简单的例子，网页标签显示的标题“百度一下，你就知道”对应的 HTML 语言就是：百度一下，你就知道。

所以，说到底，HTML 语言就是用来建网站的，第一版 HTML 语言 1993 年就发布了，第 5 版 HTML 语言，也就是 HTML5，发布于 2014 年，并不是什么新鲜概念，和大数据、云计算、区块链比起来，简直老得掉渣，那么，为什么 H5 会突然大火起来呢？

这就不得不提到移动互联网技术的兴起，和微信的火爆。HTML5 技术是老东西，但它在移动端的应用却是近几年才展开的，而且因为微信的火爆，使得 H5 的营销价值空前，得到巨大关注也是自然而然的事。

所以，如果根据 H5 的主要应用场景给一个定义，个人觉得“H5 是一种主要在移动端展示和传播的页面”。

H5 的特点

H5 页面包括文字、图片、音乐、视频、链接等多种形式，其丰富的控件、灵活的动画特效、强大的交互应用和数据分析功能，使其能高速低价地实现信息传播，且非常适合通过手机来展示、分享。也因其灵活性高、开发成本低、制作周期短的特性使其成为当下微信营销的不二利器。

H5 的类型

1.简单活动类