【值得推荐】10款超好用的免费HTML5页面制作工具(附下载地址)

2016年 / 07月21日

小编是一枚专业的SEO专员,但是却不是一枚高大上的网页设计师。可以说,我知道html代码,但我不会写,更别提html5.但是小编有时要修改代码,这就要求必须要了解它。而分享这些工具,小编是在站长之家里看了一篇文章,觉得里面的工具还不错,想分享给大家。

1. 易企秀

下载地址:http://www.eqxiu.com/

百度指数:★★★★★

免费HTML5页面制作工具_易企秀

易企秀界面

作 为百度指数最热的易企秀其实很容易定义,就是移动版PPT的H5页面制作工具,用来在手机上做简单动态演示。所以它各方面的组件,比如文本、按钮、图表、 动效这些都和微软的PowerPoint非常相像,用于问卷类型的表单采集,但不能自主设计。总的来说,使用难度比较低,主要面向对H5没有太高要求的用 户。

支持的——

素材:图片、视频、音乐、文本、中文字体、幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击(可以触发元素显示/隐藏)、滑动翻页、摇一摇

H5:微信邀请函、个人电子贺卡、手机相册等微场景

典型案例——

免费HTML5页面制作工具_易企秀

                                                  易企秀的H5页面

付费情况——

免费版:提供基础编辑,有在线教程和人工客服

增值版:能去除广告尾页、底标和加载LOGO、外链添加、数据统计等高级功能,有专属客服

2. iH5


下载地址:http://www.ih5.cn/

百度指数:★★★★

免费HTML5页面制作工具_ iH5


iH5 定位于取代HTML5网页编程的可视化工具,是H5页面制作工具里比较标新立异的产品,因为功能很完善,笔者用的时间比较长。客观来说iH5完全取代编程 目前还达不到,不过确实几乎所有能想到的H5类型iH5都能实现,而且好像用的知名企业和官方媒体很多。学习难度算中等,笔者是文科专业出身,大概三四天 看教程学习能做个H5小游戏吧。

支持的——

素材:图片、视频、音乐、文本、中文字体、图片序列、幻灯片、GIF、富文本、嵌入网页、全景图、PSD、画板(就是带涂鸦功能的东东)、文件(PDF、Word)

动画:轨迹动画(简单来说就是复杂动画),动效(跟PPT动效类似),物理运动,滑动时间轴动画(这个比较难懂,就是可以通过手指滑动控制的动画)

交互:点击、手指按下/离开、滑动、鼠标移上/移下(PC案例会用到)、滚轮滚动、键盘按键、摇一摇、重力感应、擦一擦、图片上传与合成、视频交互、微信红包发放、自定义转发标题/描述/缩略图、微信昵称/头像获取、数据库增删查改、外部数据调用

H5:H5动画、互动广告、小游戏(支持重力感应和物理引擎)、全景、交互视频、照片合成、电商支付、微信红包、评论弹幕、电子杂志、微信邀请函等

典型案例——

免费HTML5页面制作工具_ iH5

免费HTML5页面制作工具_ iH5

iH5的H5页面

付费情况——

免费版:功能没有限制,有在线教程和人工客服

增值版:针对企业用户,能修改加载LOGO和广告底标,有专门的数据服务,有一对一技术支持和线下培训,支持外部数据通信,开发者外调JS函数

3. 兔展

下载地址:http://www.rabbitpre.com/

百度指数:★★★☆

免费HTML5页面制作工具_ 兔展

兔展界面

兔展和易企秀很像,属于能生产翻页、可以对文字和图片进行排版的H5页面制作工具,不过感觉功能会比易企秀少一两个。做出来的H5基本是用在微场景上,比如微海报、微邀请函、微信相册这些。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:微信邀请函、微海报、手机相册等微场景

典型案例——

免费HTML5页面制作工具_ 兔展

兔展的H5页面

付费情况——

免费版:功能没有限制,有广告底标,有加载LOGO,有在线教程和人工客服

增值版:有共享模板,能申请举办活动,有专属客服

4. MAKA

http://www.maka.im/

百度指数:★★★

免费HTML5页面制作工具_ MAKA

MAKA界面

MAKA属于低能版H5页面制作工具,有很多模板套件,直接往里面填东西就行。笔者使用MAKA的时间比较早,当时用的是APP,做出来的页面比较卡。虽然功能不多,但对只想发发文字、照片合辑的人来说,还是比较方便的。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击,滑动切换,模板(点赞,倒计时)

H5:手机相册、小测试等微场景

典型案例——

免费HTML5页面制作工具_ MAKA

MAKA的H5页面

付费情况——

免费版:数据统计有限制,有在线教程和人工客服

增值版:能去除广告尾页,有专属客服

5. 初页

http://www.chuye.cloud7.com.cn/

百度指数:★★☆

免费HTML5页面制作工具_  初页

初页界面

严格意义上,初页不能算是H5页面制作工具,有一个非常贴切的比喻是傻瓜相机,零门槛,小学生也能用。它本身就像一个照片合成器类型的H5,提供现成的模板版式,往里面换一下照片就行。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:手机相册

典型案例——

免费HTML5页面制作工具_  初页

初页的H5页面

付费情况——

6. 搜狐快站

http://www.kuaizhan.com/

百度指数:★★

免费HTML5页面制作工具_ 搜狐快站

搜狐快站用来做移动网站比较方便,是面向建站的H5页面制作工具,有很多固定样式的框架,可以直接往里面填内容。不过有利也有弊,网站的布局等如果要改动,必须使用代码才行。有搜狐自媒体号的话,还可以直接生成一个移动主页。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:移动网站、电商支付,和微海报等微场景

典型案例——

免费HTML5页面制作工具_ 搜狐快站

搜狐快站制作

付费情况——

7. 咫尺微页

http://www.zhichiwangluo.com/

百度指数:★☆

免费HTML5页面制作工具_ 咫尺微页

咫尺微页的界面

微页的广告非常复杂,而且界面、性能也不怎么样,算是这些H5页面制作工具里给我印象比较差的。只用过一次,我很难想象真的会有人花钱去掉各种各样的广告。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:移动网站、电商支付,和微海报等微场景

典型案例——

免费HTML5页面制作工具_咫尺微页

咫尺微页的H5页面

付费情况——

免费版:能进行基础编辑

增值版:能去除尾部链接、加载LOGO、广告底标、侧边栏等广告,有评论弹幕等高级功能,可以互推

8. Epub360

http://www.epub360.com/

百度指数:★☆

免费HTML5页面制作工具_ Epub360

Epub360的界面

Epub360的功能比易企秀多一些,又没有iH5那么多,应该是面向个人设计师的H5页面制作工具吧,处于没那么个人、也没那么商业化的模糊地带。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击,滑动切换,摇一摇,微信分享成功后

H5:移动网站、电子杂志,和微信邀请函等微场景

典型案例——

免费HTML5页面制作工具_ Epub360

Epub360的H5页面

付费情况——

免费版:支持基础编辑,有在线教程和人工客服

增值版:去除加载LOGO,有高级表单等,有专门的技术支持服务

9. Wix

http://www.wix.com/

百度指数:★

免费HTML5页面制作工具_ Wix

Wix的界面

Wix是国外的H5页面制作工具,用来建PC端网站很方便,因为模板很丰富,现套现用。不过根据我之前使用的情况,它的网页在国内稳定性不是很强。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 ,鼠标划入划出

H5:电子相册、微信邀请函等微场景

典型案例——

免费HTML5页面制作工具_ Wix

Wix的H5页面

付费情况——

免费版:功能没有限制

增值版:去除广告,购买网站

10. 最酷

http://www.zuiku.com/

百度指数:★

免费HTML5页面制作工具_最酷网

最酷网界面

最酷网和上面大部分H5页面制作工具差不了多少,不过名气小一点。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换,摇一摇

H5:微信邀请函、个人电子贺卡、手机相册等微场景

典型案例——

免费HTML5页面制作工具_最酷网

最酷网的H5页面

付费情况——

免费版:功能没有限制

增值版:能去除广告尾页、加载LOGO,购买网站流量

上面H5页面制作工具的排行依据是百度搜索热度,数据比较公开透明,具体通过结合百度指数和各个品牌词在百度的日均检索量得出。