基於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在線作圖工具怎麼樣
過去試了試，覺得很好用。
至於一些軟體的盈利點我覺得如果要找還是有很多的。
比如對於免費用戶流程圖無法保密，或者參與人數有限，收費用戶可以設置加密，或只針對某些人公開。
比如以流程功能為支點，開發可以導入流程圖的在線筆記……等等的附屬業務。
如果要開發盈利，其實還有很多很多，當然這一切的前提就是有足夠多的用戶