html5開發(fā)工具：1、Sublime Text；2、Dreamweaver；3、Adobe Edge；4、WebStorm；5、Sencha Touch；6、DevExtreme；7、Dojo Foundation Maqetta等等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

HTML5被看做是Web前端開發(fā)的最佳編程語言，具有多設(shè)備、跨平臺、即時更新等優(yōu)勢。更重要的是HTML5入門簡單，就業(yè)前景廣、薪資福利高，這促使越來越多的人轉(zhuǎn)行學(xué)習(xí)HTML5。學(xué)習(xí)要一步一個腳印，下面就來給初學(xué)者介紹一下常見的HTML5開發(fā)工具有哪些。

1、Sublime Text

Sublime Text 是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)，也是HTML和散文先進的文本編輯器。Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括:拼寫檢查，書簽，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。

2、Dreamweaver

Dreamweaver是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，初學(xué)HTML5的人可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網(wǎng)頁互動工具，允許設(shè)計師通過HTML5、CSS和Java制作網(wǎng)頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性。

4、WebStorm

WebStorm是一款Java 開發(fā)工具，目前已經(jīng)被廣大中國JS開發(fā)者譽為"Web前端開發(fā)神器"、"最強大的HTML5編輯器"、"最智能的Java IDE"等。WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復(fù)、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、Sencha Touch

Sencha Touch是全球領(lǐng)先的應(yīng)用程序開發(fā)框架，其設(shè)計旨在充分利用HTML5、CSS3 和Java 來實現(xiàn)最高級別的功能、靈活性和優(yōu)化。Sencha Touch 是針對下一代具有觸摸屏設(shè)備的跨平臺框架。

6、DevExtreme

DevExtreme是專為你的移動世界精心準備的，一個跨平臺開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的優(yōu)選工具。

7、Dojo Foundation Maqetta

Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板。

除此之外，還有很多優(yōu)秀的HTML5開發(fā)工具。

推薦教程：《html視頻教程》