html5创作工具,免费html5制作工具

值得推荐的4大H5编辑神器全面测评

在百度上搜索H5真的搜到了一堆网页推广啊，大众的小众的编辑器我都一个个点进去看了，接下来就把总结好的结论向你们展示（超贴心是不是）。

我将从 素材整体风格 、 是不是免费 ， 有没有水印 ， 功能齐不齐全 等多方面对个对比。大家可自行对比使用。

↔↔↔↔↔↔↔

先点开这个网站看一眼,可以对H5了解个大概，后面的教程看起来也会方便许多❤

人人秀——3分钟制作企业秀

上手难度：容易

模板风格：插画、休闲

模板数量：总体数量不是很多

是否免费：免费版数量充足

免费功能：免费功能充足

付费功能：功能齐全

有无水印：无水印

适合人群：入门级别人群

易企秀——一键套用模板极简制作

上手难度：容易

模板风格：商务、科技

模板数量：充足

是否免费：免费版数量充足

免费功能：海报背景、文字库、素材库样式多，制作基础H5很够用

付费功能：生成长图去水印、生成视频等高级功能需要付费

有无水印：H5最后一页有广告，需要付费才能删除页面

适合人群：入门级别人群

MAKA——简单、强大的HTML5创作工具

上手难度：容易

模板风格：商务、日常、设计感强

模板数量：充足

是否免费：免费版数量极少

免费功能：极少

付费功能：别家基础功能MAKA都是仅会员使用

有无水印：会员去水印

适合人群：进阶级别人群

稿定设计——简单好用的在线设计平台

上手难度：容易

模板风格：商务、科技

模板数量：不是很多

是否免费：免费版较少

免费功能：免费功能很少

付费功能：功能齐全

有无水印：有极少量的限免版

适合人群：进阶级别人群

以上只整理了4款H5在线编辑器，这些都是精挑细选后决定留下来的值得一说的编辑器。

易企秀和人人秀都是免费版较多、免费功能较齐全的、容易上手的编辑器，能满足大多数企业常规的H5营销宣传需求。MAKA和稿定则更适合有点基础的技能型人群，高阶功能和素材都需要付费使用。

其他的H5在线编辑器我就不一一对比了，要么是因为模板数量少不值得推荐，要么是几乎不免费不入选本文推荐榜单，要么就是款式不好看不符合我的审美。因此，好用的都在上面了。你们进他们的官网一一对比看吧！

相关问答

Q1: html5常用的开发工具是哪些？

第一、【Google Web Toolkit】是现在大家还不熟悉的工具之一，主要用于开发浏览器应用的一个工具，不过库中支持很多【HTML5】的功能，包括对客户端，或者是web存储的支持，都可以实现。

第二、还有一种是【JetBrains WebStorm】工具，需要创建HTML文档时可获得对【HTML5】文件的支持，现在的运用很多，比如砍伐者键入，使用者可以在【chrome】浏览器中及时的预览【HTML】的文档很方便。

第三、微软的【Visual Studio 2010 SP1】中提供了IntelliSense这个项目，也就是说追加了针对【HTML5】的一些元素，总体使用起来还是比较好的，但是我们要结合【ddhu】的一些实用工具。

第四、【Dojo Foundation Maqetta】是一个不错的选择，这款是工具是来自于【IBM】项目之一，【Dojo Foundation Maqetta】是为桌面和移动设备开发HTML5应用的开源工具，浏览器即可使用。

第五、当然还有【Sencha Touch2】是移动应用框架的一种，可以当做一个重要【Sencha】的HTML5平台，使用者可以用它开发面向【iOS】进行制作和使用，也可以【Android】和【Blackberry、Kindle Fire】使用。

第六、现在我们继续介绍【Sencha】，这款工具的主要定位是【HTML5】的可视化开发研究，一般来说开发团队可以在一个任务，然后做一个集成的环境，然后在这个环境中完成应用的设计和开发，以及需要的部署。

第七、我们来介绍一下【Adobe ColdFusion 】，这款工具主要是用来开发企业【Web】程序的一个技术，通过【Websockets】和互动表单以及视频等来做出【HTML5】技术，创建一种用户体验。

第八、最后【Adobe Dreamweaver CS6】作为一个【Web】端口的一种设计软件，这款工具提供了对【HTML】网站和移动程序的可视化编辑界面，整体来说使用也是比较的方便。

Q2: 国内几款比较好用的html5页面制作工具有哪些？

HTML5被看做是Web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。今天,我将为大家推荐几个主流的HTML5开发工具。

1、Sublime Text

Sublime Text是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括：拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具，WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。

6、visual studio code

一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比较好的的HTML5、CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS、Android、Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。

8. Sencha Architect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。

开发工具的选择，可以说是开发者社区中一个经久不衰的话题，现今编辑器的数量数不胜数，vim、sublime Text,Emacs,Atom等等，那么对于一个开发者而言，挑选一个合适的编辑器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦，大家可根据自己的喜好选择哦！