一、Adobe Edge　　目前還處於預覽階段的Adobe Edge是用HTML5、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。

　　十、DCloud HBuilder　　HBuilder是當前最快的HTML開發工具，強大的程式碼助手幫你快速完成開發，最全的語法庫和瀏覽器相容性資料讓瀏覽器碎片化不再頭痛。

新手可以嘗試用意派Epub360製作一些簡單的H5作品，這是一款專業的H5製作工具，大量基礎功能均可免費使用。

你可以先到意派官網上的案例庫中找找靈感，然後再到其教程中心查詢相關教程慢慢學，合成海報、長頁面、測試題等比較簡單的H5創意形式都可以自學完成。此外，你還可以直接套用一些簡單的模板，比自學制作更方便一點。