有很多朋友是用DreamWeaver進行開發，DreamWeaver是三劍客之一，在傳統的table布局中，可視化的環境讓我們編輯網頁非常輕松，各項功能面板進行設置即可達到想要的效果。雖然簡化了操作，方便了我們的制作，但我們丟掉了很多東西，以至于有朋友從業幾年了，卻完全看不懂HTML代碼，看不明白那些標簽的真正含義是什么。

CSS網頁布局是建立符合WEB標準的網頁，表現、內容、行為分離。我們要簡化我們的代碼，讓其效率更高。而應用DreamWeaver往往會增加許多垃圾代碼，而且不夠簡化。一句代碼能夠搞定的設置，DreamWeaver或許搞出四五句話來幫你完成。更重要的是，如果項目是由一個多人團隊協作完成，這樣由DreamWeaver所制作出來的代碼，往往會讓其他成員感覺很棘手，一堆代碼，沒有明確的界定與規律，無從下手與識別。這與table布局時的代碼大同小異。

有些朋友或許會說，我們可以使用DreamWeaver的代碼提示功能，輔助編碼。例如我們在代碼中鍵入“F”往往DreamWeaver就會提示以“F”有關的一些樣式，這對于英文基礎薄弱的朋友來說是雪中送炭。這個功能我們可以使用，但請注意，不要產生依賴的心理。如果你到了一個新單位，或者加入一個新的項目團隊，或者處理一些應急問題，脫離了DreamWeaver這個環境，你很快就愣了，完全不知道如何進行樣式的編寫。而且這樣長久下去，你對代碼的含義理解也不夠明確與清晰。

如果你想對CSS了如指掌，你想對CSS網頁布局的工作非常熟練。建議你扔掉一切輔助軟件，用記事本進行開發。如果感覺很困難或者一些單詞記不住。沒有關系，放一個參考列表在手邊，一行一句，一個詞一個字母的慢慢的進行編寫。一兩天以后，你感覺就適應了，一兩個星期以后，你就完全熟練了。實踐證明這樣的付出是值得的，你完全能理解代碼是什么，為了少敲字母，你會盡量的想辦法去精簡你的代碼，用很少的代碼實現同樣的功能與樣式設置。假以時日，你的代碼就規范了，你就越接近高手的境地了。

當我們熟練了，我們為了提高工作效率，讓開發的速度更快，我們就可以使用相關的輔助軟件了。例如最通用的DreamWeaver，或者其它開發工具Notepad++、TopStyle或微軟Microsoft Expression全新網頁制作工具