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

CSS網(wǎng)頁(yè)布局是建立符合WEB標(biāo)準(zhǔn)的網(wǎng)頁(yè)，表現(xiàn)、內(nèi)容、行為分離。我們要簡(jiǎn)化我們的代碼，讓其效率更高。而應(yīng)用DreamWeaver往往會(huì)增加許多垃圾代碼，而且不夠簡(jiǎn)化。一句代碼能夠搞定的設(shè)置，DreamWeaver或許搞出四五句話來(lái)幫你完成。更重要的是，如果項(xiàng)目是由一個(gè)多人團(tuán)隊(duì)協(xié)作完成，這樣由DreamWeaver所制作出來(lái)的代碼，往往會(huì)讓其他成員感覺很棘手，一堆代碼，沒有明確的界定與規(guī)律，無(wú)從下手與識(shí)別。這與table布局時(shí)的代碼大同小異。

有些朋友或許會(huì)說(shuō)，我們可以使用DreamWeaver的代碼提示功能，輔助編碼。例如我們?cè)诖a中鍵入“F”往往DreamWeaver就會(huì)提示以“F”有關(guān)的一些樣式，這對(duì)于英文基礎(chǔ)薄弱的朋友來(lái)說(shuō)是雪中送炭。這個(gè)功能我們可以使用，但請(qǐng)注意，不要產(chǎn)生依賴的心理。如果你到了一個(gè)新單位，或者加入一個(gè)新的項(xiàng)目團(tuán)隊(duì)，或者處理一些應(yīng)急問(wèn)題，脫離了DreamWeaver這個(gè)環(huán)境，你很快就愣了，完全不知道如何進(jìn)行樣式的編寫。而且這樣長(zhǎng)久下去，你對(duì)代碼的含義理解也不夠明確與清晰。

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

當(dāng)我們熟練了，我們?yōu)榱颂岣吖ぷ餍剩岄_發(fā)的速度更快，我們就可以使用相關(guān)的輔助軟件了。例如最通用的DreamWeaver，或者其它開發(fā)工具Notepad++、TopStyle或微軟Microsoft Expression全新網(wǎng)頁(yè)制作工具