基于HTML5的工具网站：
【兔展】http://www.rabbitpre.com/
优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。
缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。
<img src="https://pic3.mg.com/50/_hd.jpg" data-rawwidth="360" data-rawheight="258" class="content_image" width="360">（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）
（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）
【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页面
优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。
缺点：只是单页面展示，承载不了交互效果等特效和更多内容。
『贰』 ProcessOn 一款HTML5在线作图工具怎么样
今天我在搜索Mac上的流程图软件时，看到了ProcessOn。
我大概看了一下编辑流程图的页面,功能应该能满足我的要求.
但是我没有立刻开始试用它,因为我发现页面上有"发现","小组","活动"之类的东西,这让我联想到豆瓣之类的个人兴趣网站,而我需要的是同事之间,多电脑之间的文档共享,不可能像写影评一样公开给别人看.
我猜想ProcessOn也能设置文档的公开对象,但是这已经让我觉得其提供的并非商业服务,而是帮助个人发布可公开process的,未来说不定还要走社交路线。
所以我接下来搜索了Process的商业模式,因为我很奇怪上面这种定位.最后发现ProcessOn目前没有商业模式,这促使我决定不使用它. 因为我需要一个可靠的,稳定的服务,而没有商业模式的ProcessOn,随时都有可能终止,到时候我们的流程图怎么修改,怎么导出,都是风险.
作者：leidong liu
链接：https://www.hu.com/question/21484457/answer/20106098
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
『叁』 值得网页开发人员收藏的16款HTML5工具
HTML5
正在迅速改变创建和管理网站的方式。HTML5
在不同的领域让网页设计更强大的。快、安全、响应式、互动和美丽，这些优点吸引更多的
Web
开发人员使用
HTML5
开发各种网站和应用程序。
本文收集的20款优秀的
HTML5
Web
应用程序，值得添加到您的
HTML5
的工具箱中，他们能够帮助你开发前端项目更快、更容易。
Initializr
Initializr
是一个可以让你创建
HTML5
模板的网站，可以创建样板
HTML5
模板，响应式的
HTML5
模板或
Twitter
Bootstrap
HTML5
模板。
HTML5
Demos
这里集合了一些基于
HTML5
的优秀的实验演示，最初只有5个演示，后来逐渐扩充。
HTML5
Test
想知道桌面或移动
Web
浏览器符合最新的
HTML5
标准吗?这个网站可以帮助测试出分数和评级。
HTML5
Canvas
Cheat
Sheet
如果你不能记住所有
Canvas
的命令和选项，那么这个小抄是绝对适合你。可作为一个图形或
PDF
免费下载。
Lime
JS
LimeJS
是一个
HTML5
游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。
HTML5
Reset
HTML5
Reset
是一组文件，包括
HTML、CSS
等，用于在开始新项目的时候帮助你节省时间，提供
HTML5
的空白WordPress模板。
SpriteBox
Spritebox
是一个所见即所得的工具，帮助
Web
设计者迅速而轻松地从一张精灵图片(CSS
Sprit
Image)创建CSS类和ID选择符样式。
LimeWeave
LimeWeave是一个
HTML5
编辑器，它可以告诉你什么的
HTML5，CSS
和
JavaScript
特效的样子。
99
Lime
如果你想节省时间，使用
HTML5，CSS
和
jQuery
创建一些新的元素，布局和代码，那么99
Lime
真的可以帮助你。
On/Off
FlipSwitch
如果你曾经想创建一个漂亮的on/off开关，那么这个网站可以帮助你。您可以自定义图形开关，不同的着色，大小和风格。
CanvasLoader
Creator
这个免费的在线工具可以帮助设计师和程序员为他们的
HTML5
项目生成基于
Canvas
的
Loading
效果。
Create
–
Make
Anything
Editable
Create
是一款可以在
CMS
中使用的编辑器。借助
HTML5
特性，可以把页面上的内容变成可编辑区域。
Online
3D
Sketch
Toy
这个绘图工具对于孩子而很好玩，而不只是给网站设计师用!还可以把您的小创作分享到
Facebook
上。
『肆』 写HTML5代码，用什么编辑器最好，最方便，最舒服
5款非常好用的html5移动开发工具：
NO.1 DCloudHBuilder:基于HTML5开发工具
DCloudHBuilder:基于HTML5开发工具是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛，DCloud
还提供云端打包服务，可以让开发者直接在云端生成 .ipa 或 .apk 安装包供部署调试。
NO.2 一款在线Html5移动开发工具-Animatron
Animatron是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。 使用非常直观的Animatron编辑器去设计和发布完美的移动产品，同时也可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。
NO.3 Lungo 最佳HTML5移动框架
Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。
支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。
拥有强大的JavaScript API：开发webAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的webAPP应用程序。
NO.4 mobl
mobl 是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl 可方便构建手机 web 应用程序，包括 iOS、Android 和其他支持 HTML5 技术的手机。
Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构：
实体（entities）、类型（types）、函数（functions）、控件（controls）、屏幕（screens）、样式（styles
）和设备（services）。实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。
NO.5 DevExtreme性能最优的跨平台移动应用开发框架
DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。
希望可以帮助你！
『伍』 国内几款比较好用的html5页面制作工具有哪些
你好，微信上的HTML页面一般是用工具做出来的，很少有开发的H5案列，最常见是翻回页H5，自由度比较低答，只能修改图片换换文字，而专业工具自由度比较高，可以很灵活的设计H5，epub360在专业工具中上手难度适中，值得大家尝试下。Epub360，有很多丰富的组件可以调用。使用逻辑跟PPT差不多，音乐、动画、视频、交互都可以轻松实现。在线制作，只需要把链接放在公众号里或者分享朋友朋友圈即可。
『陆』 值得网页开发人员收藏的HTML5工具有哪些
Initializr
Initializr 是一个可以创建 HTML5 模板的网站，可以创建样板 HTML5 模板，响应式的 HTML5 模板或 Twitter Bootstrap HTML5 模板。
HTML5 Demos
这里集合了一些基于 HTML5 的优秀的实验演示，最初只有5个演示，后来逐渐扩充。
HTML5 Test
想知道桌面或移动 Web 浏览器符合最新的 HTML5 标准吗?这个网站可以帮助测试出分数和评级。
HTML5 Canvas Cheat Sheet
如果不能记住所有 Canvas 的命令和选项，那么这个小抄是绝对适合。可作为一个图形或 PDF 免费下载。
Lime JS
LimeJS 是一个 HTML5 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。
HTML5 Reset
HTML5 Reset 是一组文件，包括 HTML、CSS 等，用于在开始新项目的时候帮助节省时间，提供 HTML5 的空白WordPress模板。
SpriteBox
Spritebox 是一个所见即所得的工具，帮助 Web 设计者迅速而轻松地从一张精灵图片(CSS Sprit Image)创建CSS类和ID选择符样式。
LimeWeave
LimeWeave是一个 HTML5 编辑器，它可以告诉是什么的 HTML5，CSS 和 JavaScript 特效的样子。
99 Lime
如果想节省时间，使用 HTML5，CSS 和 jQuery 创建一些新的元素，布局和代码，那么99 Lime 真的可以帮助。
On/Off FlipSwitch
如果曾经想创建一个漂亮的on/off开关，那么这个网站可以。可以自定义图形开关，不同的着色，大小和风格。
CanvasLoader Creator
这个免费的在线工具可以帮助设计师和程序员为他们的 HTML5 项目生成基于 Canvas 的 Loading 效果
Create – Make Anything Editable
Create 是一款可以在 CMS 中使用的编辑器。借助 HTML5 特性，可以把页面上的内容变成可编辑区域。
Online 3D Sketch Toy
这个绘图工具对于孩子而很好玩，而不只是给网站设计师用!还可以把小创作分享到 Facebook 上。
『柒』 有哪些免费的 HTML 5 制作工具
一、Adobe Edge
目前还处于预览阶段的Adobe Edge是用、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性，此外Edge还将整合TypeKit这样的字体服务。
动画和图形可以添加到HTML元素中，程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套，还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能，提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作，无需为代码所困。
用户不但还能在Live View中预览，还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。
四、Sencha Architect 2
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。
五、Sencha Touch 2
Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。
六、Dojo Foundation Maqetta
来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板
七、微软Visual Studio 2010 ServicePack 1
虽然一开始并不支持HTML5，但微软在2011年三月发布的Visual Studio 2010 SP1中提供了IntelliSense，追加了针对HTML5的一些元素。
八、JetBrains WebStorm 4.0
作为拥有HTML编辑器的JavaScript集成开发环境，WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。
九、Google Web Toolkit
该开发工具用于开发浏览器应用，但库中支持很多HTML5功能。包括对客户端或web存储的支持。其他HTML5功能还包括支持Canvas可视化，以及音频和视频widget。
『捌』 ProcessOn 一款HTML5在线作图工具怎么样
过去试了试，觉得很好用。
至于一些软件的盈利点我觉得如果要找还是有很多的。
比如对于免费用户流程图无法保密，或者参与人数有限，收费用户可以设置加密，或只针对某些人公开。
比如以流程功能为支点，开发可以导入流程图的在线笔记……等等的附属业务。
如果要开发盈利，其实还有很多很多，当然这一切的前提就是有足够多的用户