H5是指：在智能手机可以播放Flash的移动端上呈现的，可以达到Flash效果（如各种动画，互动）的，用于广告、营销的，具有酷炫效果的网页。
H5从2014年底的初露锋芒到2015年的全面火爆，再到2016的沉淀，2017年，H5依然是品牌社会化传播的首选。H5通俗点就是一种编程语言，H5很早以前就存在，由于微信迅速的崛起，H5语言编写的界面和微信浏览器比较兼容，故此H5借助微信也越来越红火。
扩展资料：
HTML5的canvas元素可以实现画布功能，该元素通过自带的API结合使用JavaScript脚本语言在网页上绘制图形和处理，拥有实现绘制线条、弧线以及矩形，用样式和颜色填充区域，书写样式化文本，以及添加图像的方法，且使用JavaScript可以控制其每一个像素。
HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。
CSS3除了为开发者提供二维变形之外，还将动画从二维平面推动到了三维立体状态，能够实现真正的三维特效。
三维变形和二维变形一样，均使用的是transform属性。想要触发三维变形有两种方式：一种方式是通过语法告知浏览器“请采用三维方式进行变形处理”，另一种方式是直接使用CSS3三维变形的语法。
触发方法1：告知浏览器变形方式
-webkit-transform-style:preserve-3d;Tips：IE不支持三维变形，在移动端，绝大多数的浏览器均为WebKit内核，因此，在此句代码之前需要书写-webkit-的前缀内核。
Tips：不要为body元素设置-webkit- transform-style: preserve 3d,否则会对position:fixed定位的元素造成布局影响。在开发当中，如果当前元素属于body的子级元素，又希望应用三维变形，则在body和当前元素之间多嵌套一层结构，并为这层元素应用三维变形即可。
触发方法2：直接使用CSS3变形语法
<!DOCTYPE html><head>
<meta charset="UTF-8">
<title>言成科技/title>
<style>
box1 {
width: 150px;
height: 150px;
border: 2px solid blue;
}
box1 div {
height: 150px;
background: rgba(0, 0, 0, 05);
-webkit-transform: translate3d(30px, 60px, 20px) rotateX(30deg);
transform: translate3d(30px, 60px, 20px) rotateX(30deg);
}
</style>
</head>
<body>
<div class="box1">
<div></div>
</div>
</body>
</html>
具体三维变形的具体属性详见《CSS3-3D相关知识详解—视角以及变形方向》
3D效果制作
需求
制作一个立方体，并进行旋转
代码实例
<!DOCTYPE HTML><html>
<head>
<meta charset="utf-8" />
<title>言成科技</title>
<link rel="stylesheet" type="text/css" href=";
代码解析
当鼠标移入的时候，立方体逐渐的发生旋转（非突变），围绕X轴旋转45度的同时，围绕Y轴旋转45度。
当鼠标移出立方体时，立方体恢复到初始状态。在最开始状态时，并没有采用无限远的视角，设置一定的视角，让刚开始时直视立方体时，不会觉得是一个平面。
3D效果制作-目标效果图
以上资料来源：《HTML5布局之路》
把h5页面放在微信公众号里其实很简单。
先在微信图文区域编写好自己的活动推荐图文
二维码，一般H5页面都有属于自己的一个唯一的二维码，你将二维码放到文章里面，群发出去。
编写好后，可以看到图文在下面有一个原文链接选项，你需要勾选，然后把你的制作的h5页面的链接放到方框里
然后再挑选你的样式尺寸
再完善下你的图文其他信息就好啦
总结下：进入微信公众平台=》管理=》素材管理=》图文消息=》单、多图文消息=》点击“超链接”图标=》输入文本内容、链接地址，及标题即可。这两种属于模拟H5，内容部分主要是用视频软件制作的，将视频导入H5编辑软件 ，你需要的可能只是一个H5编辑工具。支持视频的点击触发播放即可。我自己在用的H5制作工具，是意派epub360。这个工具的话，是国内比较早的H5制作工具，零代码，可视化工具。设计师小白都可以学习，只需要把你做好的视频按照一定的视频制作，规范上传到这个编辑器即可。设置非常简单，方便，可以尝试一下。
一个有互动的H5（不是易企秀和MAKA之类的）。
大概如下：
1前期沟通了解需求。
2策划H5方案
3设计出草稿
4定稿出正稿
5后期工程师开发
7正式上线
谢谢，那你有推荐的公司吗？
无非创意，这个流程就是以前和他们单位合作后我总结出来的。
H5页面或称微场景是当下在微信中传播量最大，传播面最广的一种形式。下面给大家介绍借助VXPLO互动大师这一个在线制作工具，轻松制作出酷炫的微信H5页面。>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）