CSS網頁布局學習過程中選擇什麼軟體來輔助？

css|過程|網頁

　　CSS網頁布局開發應該使用什麼軟體呢？這是一個非常常見的問題。往往會令新手朋友感覺迷茫，今天就這個問題我們來說一說吧。如果你有什麼想法可以參與評論，大家集思廣議吧。

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

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

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

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

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