我将从 素材整体风格 、 是不是免费 , 有没有水印 , 功能齐不齐全 等多方面对个对比。大家可自行对比使用。
↔↔↔↔↔↔↔
先点开这个网站看一眼,可以对H5了解个大概,后面的教程看起来也会方便许多❤
人人秀——3分钟制作企业秀
上手难度:容易
模板风格:插画、休闲
模板数量:总体数量不是很多
是否免费:免费版数量充足
免费功能:免费功能充足
付费功能:功能齐全
有无水印:无水印
适合人群:入门级别人群
易企秀——一键套用模板极简制作
上手难度:容易
模板风格:商务、科技
模板数量:充足
是否免费:免费版数量充足
免费功能:海报背景、文字库、素材库样式多,制作基础H5很够用
付费功能:生成长图去水印、生成视频等高级功能需要付费
有无水印:H5最后一页有广告,需要付费才能删除页面
适合人群:入门级别人群
MAKA——简单、强大的HTML5创作工具
上手难度:容易
模板风格:商务、日常、设计感强
模板数量:充足
是否免费:免费版数量极少
免费功能:极少
付费功能:别家基础功能MAKA都是仅会员使用
有无水印:会员去水印
适合人群:进阶级别人群
稿定设计——简单好用的在线设计平台
上手难度:容易
模板风格:商务、科技
模板数量:不是很多
是否免费:免费版较少
免费功能:免费功能很少
付费功能:功能齐全
有无水印:有极少量的限免版
适合人群:进阶级别人群
以上只整理了4款H5在线编辑器,这些都是精挑细选后决定留下来的值得一说的编辑器。
易企秀和人人秀都是免费版较多、免费功能较齐全的、容易上手的编辑器,能满足大多数企业常规的H5营销宣传需求。MAKA和稿定则更适合有点基础的技能型人群,高阶功能和素材都需要付费使用。
其他的H5在线编辑器我就不一一对比了,要么是因为模板数量少不值得推荐,要么是几乎不免费不入选本文推荐榜单,要么就是款式不好看不符合我的审美。因此,好用的都在上面了。你们进他们的官网一一对比看吧!
1、SublimeText
SublimeText是一个跨平台的代码编辑器,同时支持Windows、Linux、MacOSX等操作系统,也是HTML和散文先进的文本编辑器。
SublimeText具有漂亮的用户界面和强大的功能,主要功能包括:拼写检查,书签,完整的PythonAPI,Goto功能,即时项目切换,多选择,多窗口等等。
2、Dreamweaver
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,拥有可视化编辑界面,支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,初学HTML5的人可以无需编写任何代码就能快速创建Web页面。
3、AdobeEdge
AdobeEdge是一款新型网页互动工具,允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性。
4、WebStorm
WebStorm是一款Java开发工具,目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaIDE"等。
WebStorm具有的优势是:智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。
5、HBuilder
HBuilder,即HtmlBuilder的缩写,Builder是建造者的意思。HBuilder是一个极客工具,追求无鼠标的极速操作,不管是敲代码的快捷设定,还是操作功能的快捷设定,都融入了效率第一的设计思想。
HBuilder不为敲字母而花费时间,不为大小写拼错而调错半天,把精力花在思考上,想清楚后落笔如飞。支撑这个理念,除了体验上的精细设计,还要求我们突破很多世界级技术难题,包括语法库、语法结构模型、AST语法分析引擎。
参考资料来源:百度百科——SublimeText
参考资料来源:百度百科——Dreamweaver
参考资料来源:百度百科——AdobeEdge
参考资料来源:百度百科——WebStorm
参考资料来源:百度百科——HBuilder
1. Mercury : HTML5 Powered WYSIWYG EditorMercury 是个全功能的编辑器,包含TinyMCE和CKEditor同样的功能,但又有不同的特性。与iFrames有所不同,它使用了HTML5内容可编辑功能等。Mercury 是由CoffeeScript代码编写,其支持所有的主流浏览器。
Website/Downoad
2 Aloha Editor – HTML5 WYSIWYG Editor
Aloha Editor 是个基于浏览器的富文本编辑器框架。不像其他大多数的HTML编辑器,Aloha可以被嵌入到CMS、Blog,及其他标准的web开发框架中。
Website
3. Rendra- Online HTML 5 Editor
Rendra 是个在线HTML5 编辑器,支持用户实时预览,用户可以使用哪个浏览器支持的HTML 5和CSS 3,以及HAML 和SASS。它是由CoffeeScript 和 Sinatra代码编写的。用户可以用Rendra测试JS代码,允许用户利用 jQuery UI,jQuery 工具和插件。
Website
4. BlueGriffon: Next Generation HTML5 WebEditor
BlueGriffon是一个新的WYSIWYG编辑器,跨平台, 支持Windows, Linux and Mac OSX。 该编辑器内置HTML5/CSS3编辑功能,可以轻松地用它来实现传输、文本和边框的阴影、斜体等效果。它使用Google Font Directory 和FontSquirrel addons,可以设置个性化网页字体。
Website
5. Maqetta : Open Source Project &HTML5 Editor
Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。
Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面和移动用户界面。
6. Apatana Studio 3
Aptana Studio 3 是开源web开发工具,它允许开发者测试web应用,支持最新的web开发技术如HTML5, CSS3, JavaScript, Ruby, Rails, PHP 和 Python。Apatanna包含很多的功能,比如GIF integration, HTML,CSS和JavaScript Code assists, integrated debugger, 部署向导,以及IDE定制化。