有哪些不用编写代码就能轻松制作生成HTML5页面的工具

做一些H5特效的动态页面，以前需要专业技术团队和设计师才能制作。现在通过这些简单的平台，你几分钟就能免费创作自己的H5页面。甚至有的你需要做的只是仅仅换上几张图，敲几个字，选自己喜欢的音乐\视频…一个不错的H5页面就出来了。下面介绍几款HTML5工具（排名不分先后；各平台可能会有所变更，介绍如果有不准确之处，还望多理解）！

搜狐快海报

快海报是搜狐快站平台上全新推出的免费H5页面制作工具， *** 作也极为简便易学，完全没有技术要求。采用拖拽式 *** 作，属性式设置的模式。一拖一拽，简单配置，所见即所得，一分钟即可学会，三分钟便能完成。还有海量模板即将上线，替换内容即可生成。快海报还支持同一组件的多重动画设置，让画面更丰富更炫酷。

久爱微景秀

久爱微景秀这个平台制作起来非常简单，静态模板和动态模板都有，模板样式丰富，浏览体验不错。有多种动态效果以及交互效果可供选择，多种效果、翻页动画、背景音乐、可统计浏览量，可以获得表单反馈信息。所见即所得的在线实时制作技术，很轻松就可以做出很炫的h5页面。且对于免费用户来说，全部功能也都是开放的，可以不受限制地做出自己的动态页面。还可以提供定制服务。

口袋通微杂志

口袋通是一个免费的微商平台，其场景海报也是为了其电商功能服务，不过免费得版提供的交互较为简单，没有多样的模板。

易传单

编辑器界面比较友好，设计灵活方便，数据统计与表单上也是亮点所在。除了模板较少之外其他的都是相当好。

epub360意派

这不是奇虎360的，意派的交互功能极为强大，可以说更适合专业的设计师打造的交互设计，动画效果出色，虽然简单傻瓜式的模板不多，但自由度相对较高。

易企秀

易企秀有多种动态模板，能实现文本和图片带有滑动、隐现、放大缩小等动态效果。同时有ios移动客户端，在手机上也可创建场景应用，以及数据统计功能。大体上和maka差不多，但是表单和统计是免费也可用，更多功能需要企业会员。

Liveapp场景应用/云来

云来Liveapp是面向企业方的移动场景APP云服务平台，许多企业都在使用，需购买场景应用。不过，现在云来场景应用正式免费开放，所有“认证企业”都可以申请获取。免费体验长达31天，体验结束后，也会永久保存并持续展示你的场景应用。

Vxplo

Vxplo也是专注在线交互设计，功能强大，同epub360一样适合专业设计师，可以零代码制作轻应用。使用上相对较为复杂，不过其甚至也可以用来制作响应式网站，有时间可以试试。

最酷网

最酷网也是一个免费H5场景应用制作和发布平台。不用懂设计、不用会编程，1分钟上手制作，平台针对不同的应用场景和内容展现形式，提供海量的模板、丰富的控件、灵活的动画特效。用户可以简单快速的通过图片替换、内容编辑，就可以创建属于自己的、炫酷的云场景应用。

FormFollowsFunction

严格来说，FormFollowsFunction不属于H5制作平台，而是一个预览平台。H5页面到底能实现什么样的动画效果？这一个网站几乎能看到所有H5能够实现的动画效果，引爆你的灵感，并且让你心中有数。

Weebly

Weebly和Wix也是一款HTML5拖放式智能创建器，支持中文，拥有多种优秀网页模板和交互效果，并且有IOS和Android客户端可以管理自己的网页、随时随地跟踪。

Wix

Wix基于H5技术，向用户提供多种网页模板， *** 作简单无需代码，智能拖拽即可实现网页建设。Wix每个类目下有上百的HTML5模板可供使用，响应式设计，在手机端也有很好的展示。

Ceilfire

Ceilfire是一个创建H5游戏并分享的平台，点击进入你就会看到很多的H5页面游戏。用户可以直接在浏览器中创建游戏、参与游戏、分享游戏，对于想做简单的H5游戏的朋友可以用这种方式试试手。就算不做也可以看看已有的H5游戏来找找感觉。

平台或可更多，不能尽述，留待留心发现。

基于HTML5的工具网站：

【兔展】http://www.rabbitpre.com/

优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。

缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。

&ltimg src="https://pic3.zhimg.com/50/6c24d485b77808eedac0f5b95ae8b60e_hd.jpg" data-rawwidth="360" data-rawheight="258" class="content_image" width="360"&gt（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）

（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）

【MAKA.im】 http://www.maka.im/home/index.html

优点：与兔展类似，更像制作PPT一样。每一页的具体效果可以具体编辑，单页 *** 作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。

【居高互动刊】http://hdk.jugocn.com/

优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。

缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。

【ANIMATRON】http://www.animatron.com/

优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？

【iSpring 7】http://www.ispringsolutions.com/

噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。

不过，目前我只能连着VPN再用Safari才能打开网站链接。

【秀制作】http://xiumi.us/

优点：版式轻松，制作快捷，宽带稳定。

缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。

手机工具APP：

【初页】

优点：模板质量高，套用模板编辑时效率高， *** 作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。

缺点：单页面可 *** 作性较低，仅支持套用模板。

【快邀约】快速制作邀请函

优点：易上手，省时高效，便于统计。

缺点：页面简陋，只能选择固有模板创建文字和添加图片。

【易企秀】中小微企业的移动场景营销管家

优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。

缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。

【微贴】：通过微信公众号创建H5页面

优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。

缺点：只是单页面展示，承载不了交互效果等特效和更多内容。

最近在网上看到一些小站有微信零钱金额生成和支付宝资产生成的功能，感觉娱乐性挺强的，而且说实话做得好，是完全能够以假乱真的。所以也在自己的网站 butterpig 上实现了一下，先放上该功能的地址 微信零钱生成工具，炫富装B神器 。实际效果如图：

在网页预览的时候，显示的是一个img标签和一个浮在其上的文本框。该文本框和下方的资产金额的input是数据绑定的。因此可以在微信零钱余额位置即时显示出我们输入的数值。

然而真正实现，是通过一个隐藏的canvas，将原始图片渲染到canvas中，然后再在指定的位置，用画笔画出数值文字。即可输入带指定数值的高清原图了。只使用到了很简单的canvas知识而已。功能体验地址是： 微信零钱生成工具，炫富装B神器

---