製作網頁時是先準備CSS檔案還是先寫好HTML檔案?

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

  CSS檔案先準備 還是先寫好HTML檔案?網上有很多種答案:先寫HTML後寫CSS;先寫CSS後寫HTML;兩者同時寫。

  我的準則是先寫HTML打好基礎,然後再寫CSS進行表現的控制!

  對於初學者我建議兩者一起寫,先寫CSS或者先寫HTML對於初學者都不是恰當得的方法。

  如果讓一個人編寫代碼,你告訴他先寫HTML,寫完後 HTML不能修改了,然後你寫CSS,如果他可以寫出來,那這個人一定是一個水平非常高的Builder了!所以對於初學者,多數情況下我建議同時編寫,具體我說一下步驟: 

  1、先要把網站建好,目錄建好,比如我們建好檔案夾CSS,IMAGES,這兩個是最其本的,然後建立一個HTML檔案,一個style.css一個空 的樣式表,把HTML頁串連到這個外部樣式表。 

  2、然後我們先寫HTML中的最基本的布局部分,都是用DIV,然後直接在DIV裡加入ID或CLASS,這些 布局部分包括外套部分,頭部分,中間部分,左,中,右,著作權部分等。 

  3、寫好這些後,這時你可以到樣式表中寫樣式,或者你在接著寫布局裡的部分,我們拿頭部為例,在頭部寫入LOGO部分,NAV部分也同樣加入ID或CLASS。其它同理。 

  為什麼說我們不可能一次性把HTML部分寫好呢,因為人都是可能犯錯誤的,可能你的想法寫的過程就是有問題的,或者為了瀏覽器的相容性問題,有些是你由於經驗的不足沒有提前預料到的,所以當你寫樣式時發現了問題時就有可能要改動你的HTML的代碼。大至的寫法就是這樣,你也可以HTML/CSS同時進行,都是可以的,看你的習慣。我們寫代碼時很多時候是邊寫代碼邊測試,也不是說寫一句測試一句,而是寫了一段代碼後就進行瀏覽器的測試,我是同時用IE6與FF一起測試。一個優秀的製作師他們的代碼多數情況寫了很多時他們才測試一下,是因為一個人如果經驗多的話,他們就會知道並提前預防瀏覽器錯誤顯示的發生了!所以他們寫代碼的速度比沒有經驗的人快。他們已經經曆過了你所要經曆的錯誤,你第一次遇到錯誤的瀏覽器顯示問題你要花時間去修補,而他們可提前防止或遇到了可立即解決問題!這就是你與他們的不同點之一。 

  初學者與高手不同點之處還有一個就是高手們使用了大量的快速鍵,所以一定要記住那些常用的快速鍵,每一個小的細節都有一點提高,綜合在一起就是很大的提高。

  另外提高自己的水平最好的方法就是多實踐,多找一些比較好的HTML+CSS的模板進行編碼實踐,開始時要選一個簡單點的,把頁面截圖,然後把這張圖用自己的想法還原成HTML頁面!



相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.