可以挑选专业的h5制作工具来制作h5页面。
不同于简单替换图片文字，专业的h5页面制作工具有丰富的交互功能可供使用，制作出来的h5页面更酷炫和丰富，使用户印象深刻，比较知名的工具有：epub360等。
通常我们所说的H5就是H5广告，大多是在微信上宣传营销使用的，而HTML5是第五代HTML的标准，可以说，H5都是基于 HTML5 实现的，包括目前我们看到的大部分网页，基本上所有H5都遵循HTML5这个规范，不然就会出现问题。
它是一种基于互联网的网页编程语言，而手机端广告只不过是其中的一个点。2007年W3C（万维网联盟）立项HTML5，直至2014年10月底，在经历了各种被实验，被抛弃，被甩，被各家大佬当皮球踢来踢去之后，html5的规范终于正式定稿了！
现在以HBuilder工具编写为例：
1. 打开此工具，在项目管理器中右键单击创建一个web 项目
2.右键单击项目名称，新建一个HTML文件----form01.html
<!DOCTYPE html>
<!--
作者：offline
时间：2017-01-06
描述：form表单
在form标签中，有两个经常使用的属性
action：表单提交服务器地址
method: 表单提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get（默认的提交方式）
1.请求的参数放到地址栏中
2.不安全
3.存在缓存
4.传输数据的大小收到限制
提交方式----post
1.请求的参数放到http协议中
2.相对安全---账号密码等信息不会放到地址栏中
3.没有缓存
4.传输数据的大小限制较小
修改成post之后，可能会出现错误信息。
input标签：定义输入字段，用户可在其中输入数据。
属性：
type 指示 input标签的类型，默认的是text
按钮类型： 普通按钮 button 重置按钮 Reset 提交按钮 submit
value 定义要显示的文本。
-->
<html>
<head>
<meta charset="utf-8">
<title>form表单1</title>
</head>
<body>
<form action="" method="post">
<input type="text" name="username" value="zhangsan" />
<input type="submit" value="提交" />
</form>
</body>
</html>
3.查看此网页是不是HTML5，主要看表头
4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式
HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。
先总的说一下个人感受
1.基于HTML5的工具网站：功能较强大，单页面的 *** 作性较强，可完成各种页面交互效果；但是某些时候会有 *** 作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~
2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可 *** 作空间，从而无法实现DIY交互效果。
下面展开说下每个使用过的工具吧
基于HTML5的工具网站：
【兔展】
优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。
缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。
（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）
【MAKA.im】 可以具体编辑，单页 *** 作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。
【居高互动刊】
优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。
缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。
【ANIMATRON】
优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。
缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？
【iSpring 7】
噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。
不过，目前我只能连着VPN再用Safari才能打开网站链接。
【秀制作】
优点：版式轻松，制作快捷，宽带稳定。
缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。
手机工具APP：
【初页】
优点：模板质量高，套用模板编辑时效率高， *** 作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。
缺点：单页面可 *** 作性较低，仅支持套用模板。
【快邀约】快速制作邀请函
优点：易上手，省时高效，便于统计。
缺点：页面简陋，只能选择固有模板创建文字和添加图片。
【易企秀】中小微企业的移动场景营销管家
优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。
缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。
【微贴】：通过微信公众号创建H5页面
优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。
缺点：只是单页面展示，承载不了交互效果等特效和更多内容。
总结
工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响 *** 作；
工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。
作为我个人而言，移动互联的新任PM，我平时常用到的是【MAKA】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）