新手上路如何學習DIV CSS製作網頁

你知道如何使用div+css製作網頁嗎，這裡和大家分享一下，因為web標準對**的要求提高了，沒有對xhtml**沒有一定的了解是無法通過校檢的。

如何學習div+css製作網頁

我接觸的很多人都問，如何學習web標準製作網頁呢？我想每乙個剛剛接觸web標準的人都會問這樣的問題，我就根據自己的經驗總結。

1.不要一味使用dw等工具設計網頁，去熟悉(x)html語言和css語言

因為web標準對**的要求提高了，沒有對xhtml**沒有一定的了解是無法通過校檢的。dw工具也可以使用，但是要看著**寫網頁了。

首先是xhtml**，不是很多，知道他們如何使用，怎麼正確書寫，而且要記得封閉tag。如

。建議看看一些html參考手冊，畢竟xhtml是從html公升級來的，很多tag還在在繼續使用。

2.建立標準化的宣告(doctype)和head

以前的網頁，甚至大型的門戶**也連個宣告也沒有，就僅僅是，現在要做的就是給你的網頁加上宣告，規範head區域，讓搜尋引擎和喜歡你的**。

推薦寫法

1. 2.

3. 4.

5. 6.

7. 8.

9. 36.

37.38.

3.學習div配合css進行網頁布局

使用配合css為你的網頁布局，而不要使用table了，這樣的文章很多，例項也很多，推薦你去布局的好處很多，就提級幾個實用的：

1.**冗餘小，網頁開啟速度快。

2.結構和表現分離了，你可以只通過css改變你的布局，而資訊不變，這樣維護和公升級的成本降低了。

4.學習web標準理論，語義化，css，結構和表現分離思想

web標準的提出其實只是為了達到，tag的語義化，結構和表現分離，**本土化向國際化過度，向後相容和裝置無關性，讓你的網頁在網際網路上暢行無阻。

這個階段，你已經能夠使用css布局你的網頁，製作出能通過w3c校檢的網頁，你可以了解什麼是web標準，web標準的框架和作用，結構和表現分離的思想和優勢，css的更深層次的理論，xhtmltag的語義，親和力理論，跨平台性，讓你的網頁適合多種瀏覽器和多種裝置。

5.應用web標準製作網頁，建立自己的web標準**規範，提高開發效率

web標準現在還是在推廣之中，沒有乙個成熟的模式，畢竟需要手寫**，你這時就可以根據自己的經驗提出一些提高自己開發效率的方法，可以把一些常用的**片段，習慣的css命名，和一些能夠重複使用的功能模組作成**剪輯提高**的復用性！