经常有朋友找我咨询H5的问题，但是在和他们沟通的过程中，我发现很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示、抽奖等等。其实如果上升到营销层面的话，仅在用户层面去思考是远远不够的，因为任何传播都要考虑有效性的问题，如果100wpv带来的只是刷屏效果，而对品牌带不来任何有效转化，这样的传播显然是不成功的。
随着微信用户增多、H5小游戏、H5大翻页，到H5站点、H5营销。在微信上内容的数量和样式的逐渐增多，下面给大家介绍借助“布谷鸟”这一个在线制作工具，可以轻松的制作出炫酷的微信h5页面。
点击制作栏目，进入模板选择页
1：选择空模板，自由创作、选择主题模板，更快速的创作出炫丽的展示。
预览树操作
2：显示的页面的显示顺序；
右键调整页面的显示顺序；
3、点击页面右上角的X,可以把不需要的页面删除。
4功能—添加修改文字
1、添加文字：点击右侧的文字选项→主编辑区会出现文字输入框→双击修改
2、文字属性修改：右侧文字属性修改选项，包括字体种类，字体大小、颜色等等。
功能—添加修改按钮
添加按键：点击右侧按钮选项→点击编辑区的按钮→修改文字、链接
5功能—添加修改底图
1、修改背景颜色：点击右侧底图选项→选择颜色
2、上传底图：点击右侧底图选项→点击上传按钮→确定
6：保存。生成
1、添加标题、描述、缩略图
2、生成的二维码和链接可以用于分享到微信、微博等
3、点击生成按钮，即完成了一个作品的制作过程。
区别一、运行环境的不同
传统的网页H5的页面运行环境是浏览器，包括webview，而微信H5网页的运行环境并非完整的浏览器。
区别二、是开发成本的不同
一个网页H5web开发需求时，开发工具(vscode、sublimtext、Atom等)，大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack、Browserify等)、任务管理工具(Grunt、Gulp等)，小到UI库选择、接口调用工具(ajax、FetchApi等)、浏览器兼容性等都要考略。
一个微信H5的开发需求时，微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的。
区别三、是获取系统级权限的不同
微信H5相对于网页HTML5web应用能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都能不能和微信小程序无缝衔接，而这一点恰巧是HTML5web应用经常被诟病的地方，这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。
区别四、是应用在生产环境的运行流畅度。
无论对于用户还是开发者来说，都是最直观的感受。当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，需要不断的对项目优化来提升用户体验。但是由于微信H5运行环境独立，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。
H5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。上网所看到网页，多数都是由HTML写成的。“超文本”是指页面内可以包含、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。
鉴于原生开发工具在文本样式上控制的局限性，行业内成熟的APP应用都采用了Native+Web的混合视图，即在APP中嵌入浏览器框架，加载HTML网页。这样就可以完美的呈现富文本样式。比如微信的自媒体： 这样的方式需要建立独立的H5站点，考虑到资讯页面一般都需要以链接的方式分享到站外，所以大都数阅读类的APP都是同时开发H5站和APP，利用一个后台提供内容给H5站和APP;业务模型如下图所示： 在APP中嵌入浏览器加载内容唯一的缺点就是加载速度相对慢一些。但普通用户基本上看不出区别，所以是当前最流行的实现方式; 使用DTCoreText等文字效果代码类库(iOS平台) H5承载页+内嵌浏览器框架的方式虽然可以完美的呈现文本内容，但加载速度会慢一些，而且展示风格会有一点点突兀;那么还有一种方法就是使用DTCoreText; DTCoreText是一个功能十分强大的文字效果代码类库。在UITextView上实现十分丰富的文字效果，包括文字大小、颜色、字体、下划线，链接，给文字加上、视频，文字任意间距等等。实现类似于CSS网页的文字效果。 使用这种实现方法的APP比如，同样是以文字评论为主的APP，用户体验相比豆瓣**就立刻显得高大上了： 这种方式可以直接实现富文本效果，但鉴于应用本身也需要以外链的方式分享到SNS站点，所以同样需要建立独立的H5站点;
区别一、运行环境的不同
传统的网页H5的页面运行环境是浏览器，包括webview，而微信H5网页的运行环境并非完整的浏览器。
区别二、是开发成本的不同
一个网页H5web开发需求时，开发工具(vscode、sublimtext、Atom等)，大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack、Browserify等)、任务管理工具(Grunt、Gulp等)，小到UI库选择、接口调用工具(ajax、FetchApi等)、浏览器兼容性等都要考略。
一个微信H5的开发需求时，微信团队提供了开发者工具，并且规范了开发标准，前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML中尽管全部是自定义标签，但官方文档中都有明确的使用介绍，相信上手应该是非常容易的。
区别三、是获取系统级权限的不同
区别四、是应用在生产环境的运行流畅度。
无论对于用户还是开发者来说，都是最直观的感受。当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时，需要不断的对项目优化来提升用户体验。但是由于微信H5运行环境独立，但配合微信的解析器最终渲染出来的是原生组件的效果，自然体验上将会更进一步。
