1.4.1 常見的網頁編輯工具

隨著互聯網的普及，HTML技術不斷發展和完善，產生了眾多網頁編輯器。網頁編輯器基本上可以分為“所見即所得”網頁編輯器和“非所見即所得”網頁編輯器（即源代碼編輯器）兩類，兩者各有千秋。

網站制作及前端開發軟件是指用于制作HTML網頁的工具軟件。

1.HBuilder X

HBuilder X（簡稱HX）編輯器是DCloud（數字天堂）推出的一款支持HTML5的Web開發軟件。HBuilder X占用資源少、啟動快，可通過完整的語法提示、代碼輸入法和代碼塊等，大幅提升HTML、JS、CSS的開發效率。HBuilder X在使用上比較符合中國人的開發習慣，用HBuilder X寫HTML代碼很方便。

2.Dreamweaver

Dreamweaver是美國Adobe公司推出的一套擁有可視化編輯界面，用于制作并編輯網站和移動應用程序的網頁設計軟件。由于Dreamweaver支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁。對于Web開發初級人員而言，Dreamweaver可以無須編寫任何代碼就能快速創建Web頁面；其成熟的代碼編輯工具更適合Web開發高級人員的創作。Adobe Dreamweaver也是一個比較好的HTML代碼編輯器。

3.Visual Studio Code

Visual Studio Code（簡稱VS Code）是Microsoft公司開發的運行于Windows、macOS X和Linux操作系統之上的，開源的、免費的、跨平臺的、高性能的、輕量級的代碼編輯器。它在性能、語言支持、開源社區等方面都做得很不錯。該編輯器支持多種語言和文件格式的編寫，集成了所有現代編輯器所應該具備的特性，包括語法高亮、可定制的熱鍵綁定、括號匹配及代碼片段收集等。

4.Sublime Text

Sublime Text是一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件。它不僅具有華麗的界面，還支持插件擴展。用Sublime Text編輯代碼，很容易上手。

5.Notepad++

Notepad++旨在替代Windows默認的Notepad，而且比Notepad的功能強大。Notepad++支持插件，可添加不同的插件，以支持不同的功能。Notepad++屬于輕量級的文本編輯類軟件，比其他一些專業的文本編輯類工具啟動更快、占用資源更少，從功能使用等方面來說，不亞于專業工具。