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

來源:互聯網
上載者:User
css|過程|網頁

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

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

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

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

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

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



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。