DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS網頁布局開發應該使用什麼軟件比較好?
CSS網頁布局開發應該使用什麼軟件比較好?
編輯:CSS詳解     

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

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

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

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

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

當我們熟練了,我們為了提高工作效率,讓開發的速度更快,我們就可以使用相關的輔助軟件了。例如最通用的DreamWeaver。或者其它開發工具Notepad 、TopStyle。關於Notepad、TopStyle我們將在以後的文章中推出專題教程。歡迎你的關注。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved