學html5需要什麼軟體

學html5所需的軟體：1、HBuilder；2、Notepad；3、Dreamweaver；4、Eclipse；5、Sublime Text；6、WebStorm；7、vscode；8、Atom；9、EditPlus等等；9、EditPlus等等；6、WebStorm；7、vscode；8、Atom；9、EditPlus等；9、EditPlus等； 。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

Html5作為建立Web網站便捷有效的程式語言，越來越受到大眾的認識與喜愛。一般常見的HTML5開發工具有：HBuilder、Notepad 、Dreamweaver、Sublime Text、WebStorm、Visual Studio Code、Atom等等。

1、HBuilder

hbuilder是DCloud推出的一款支援HTML5的Web開發IDE。快，是HBuilder的最大優勢，透過完整的語法提示與程式碼輸入法、程式碼區塊等，大幅提升HTML、js、css的開發效率。同時，它還包括最全面的語法庫和瀏覽器相容性資料。

2、程式碼編輯器(Notepad )

Notepad 程式設計師必備的文字編輯器，軟體小巧高效，支援27種程式語言，通吃C、 C 、Java、C#、XML、HTML、PHP、JS 等。 Notepad 可完美取代微軟的記事本。

3、Dreamweaver

Dreamweaver是Adobe推出的一套擁有視覺化編輯介面，用於製作並編輯網站和行動應用程式的網頁設計軟體。由於它支援程式碼、分割、設計、即時視圖等多種方式來創作、編寫和修改網頁，對於初級人員，你可以無需編寫任何程式碼就能快速建立Web頁面。

4、Eclipse

Eclipse的本身只是一個框架平台，但是眾多插件的支援使得Eclipse擁有其他功能相對固定的IDE軟體很難具有的靈活性。許多軟體開發商以Eclipse為框架開發自己的IDE。 Eclipse最初是由IBM公司開發的替代商業軟體Visual Age for Java的下一代ide開發環境，2001年11月貢獻給開源社區，現在它由非營利軟體供應商聯盟Eclipse基金會（Eclipse Foundation）管理。

5、Sublime Text

Sublime Text 很讚的程式碼編輯器，介面設定非常人性化，左邊是程式碼縮圖，右邊是程式碼區域，你可以在左邊的程式碼縮圖區域輕鬆定位程式碼的位置，高亮色彩功能非常方便程式設計工作。

6、WebStorm

WebStorm是一款強大的HTML5/JavaScript Web前端開發工具，廣大JS開發者譽為「Web前端開發神器」。 WebStorm 8全新特性中包含對AngularJS的支持，能夠有效率且準確地智慧感知Angular語法、指令。 WebStorm也完美支援Spy-js，合併了這款JavaScript調試利器，大大提高了開發者們的工作效率。

7、Visual Studio Code (vscode) 

vscode 有強大的擴充體系，可以做很多語言的開發。擴展品質比較高。還能整合數十種語言的調試。身為前端開發也很優秀。當然專門作為前端的工具我覺得還是略遜 Brackets 弱於 WebStorm 的。我個人用 vscode 寫 rust 程式碼。或其他很多語言的小例子程式。

8、Atom

這個軟體從架構上比 vscode 更重視擴充和自由性，本身就是由眾多擴充所構成的。擴充的自由度很高，例如裝一個 minimap 跟 sublime text 一樣了。寫前端跟 vscode 半公斤八兩，一樣可以做其他很多語言的開發。但是個人感覺擴展品質普遍沒有 vscode 的高。起初用過一段時間，但我受不了參差不齊的擴充品質和相容性，就轉 vscode 了。

9、EditPlus(文字編輯器)

EditPlus是一款為Internet準備的、運行於Windows 下的32位元文字、html編輯器，同時也是程式設計師們非常喜愛的編輯器。可以用它來取代Windows筆記本，也為許多網頁高手和程式設計師提供便利。

推薦教學：《html影片教學》

以上是學html5需要什麼軟體的詳細內容。更多資訊請關注PHP中文網其他相關文章！