編寫代碼的軟件有不少WebStormSublimeHBuilderXEditplus和Dreamweaver等每個軟件各有優缺點我自己主要用Dreamweaver這個軟件，用習慣了有時用一下 HBuilderX。

fireworks是一款網頁作圖軟件，軟件可以加速 Web 設計與開發， 是一款創建與優化 Web 圖像和快速構建網站與 Web 界面原型的理想工具Fireworks 不僅具備編輯矢量圖形與位圖圖像的靈活性， 還提供了一個預先構建資源的公用庫， 并可與 Adobe PhotoshopAdobe IllustratorAdobe Dreamweaver和 Adobe Flash軟件。

3圖形設計軟件圖形設計軟件用于創建網站的視覺設計和圖形元素它們包括圖片編輯工具矢量圖形軟件和頁面布局工具常用的圖形設計軟件有AdobePhotoshopAdobeIllustrator和Sketch等4前端開發工具前端開發工具用于編寫和調試網站的前端代碼，包括HTMLCSS和JavaScript等這些工具提供了代碼編輯器調試器。

但FRONTPAGE生成的代碼不夠簡化，體積比較大，運行比較慢DreamweaverMX就好多了，但真正的高手直接用記事本寫，那才牛呢現在一般都用模板修改而來，用以上兩個軟件直接修改比較方便網頁最初只用HTML編寫看起來比較古板，現在由于插入了很多JAVA控件使我們的網站越來越多彩，但網頁的框架還是用HTML編寫的。

2IntelliJ idea idea是學校老師教得最多的一款軟件，從學Java開始，除了eclipse和myeclipse之外，學校老師用的最廣泛的Java編譯器就是idea，而idea也能進行前端項目的開發，idea是我用得最熟的一個編譯軟件像一個完整的前端網站，配置好jdk，tomcat，maven，數據庫之后就可以在idea上進行搭建了3。

1Initializr Initializr是制作HTML5網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr會為你生成代碼簡潔的可定制的網頁模板2HTML5 visual cheat sheet HTML5 visual cheat sheet是一個非常酷的速查手冊，每個Web開發人員的必備神器，可以幫助大家快速超找一。

Firework在圖像處理變換圖像制作gif動畫導航欄這些方面都能讓使用者輕松掌握只需要通過它的切片功能，就可以把布局好的網頁直接輸出成為網頁Firework和Dreamweaver是同一個公司開發的，兩者之間能夠相互配合，具有非常高的兼容性，所以兩者共同使用會更加方便二關于網頁布局軟件 Dreamweaver是最普遍。

開發者還可以在chrome瀏覽器中實時預覽HTML文檔 網站開發工具有哪些 你寫網頁是用什么軟件呢？Dreamweaver？FrontPage？UltraEdit還是記事本？其實除了這類編寫HTML和程序碼的軟件以外，還有很多小巧而且免費的軟件，可以幫助你在寫網頁時更方便寫的更好哦！尤其時在寫CSSJavascript或Ajax的時候，這些都是不可或缺的軟件。