入門 學習網頁Web標準的五個步驟

2021-04-13 08:42:50 字數 1113 閱讀 8967

我想每乙個剛剛接觸web標準的人都會問這樣的問題,我就根據自己的經驗總結。

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

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

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

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

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

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

推薦寫法 

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

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

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

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

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

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

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

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

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

學習網頁標準的5個步驟

step 3.學習div配合css進行網頁布局 使用配合css為你的網頁布局,而不要使用table了,這樣的文章很多,例項也很多,推薦你去bluediea.com,div布局的好處很多,就提級幾個實用的 1.冗餘小,網頁開啟速度快。2.結構和表現分離了,你可以只通過css改變你的布局,而資訊不變,這...

零基礎學習網頁製作(五)

零基礎學習網頁製作 五 五 如何定位乙個元素的位置 一 1 描述 這邊可以認為是一條公路上有茫茫多的汽車,每個汽車在公路中之間的距離控制以及每輛車中人與貨物中的位置 2 引入 引入了width,height可以使用百分之多少的形式來代替 margin left代表一輛車左後視鏡與左邊車輛右後視鏡的距...

web前端網頁設計作業 如何學習網頁前端設計培訓?

學習網頁的前端設計分為幾個步驟或者說幾個網頁設計教程大類。乙個是熟練掌握各種網頁設計需要的操作軟體,然後就是web介面設計與專案設計,最後還有web整站設計實訓。如何學習網頁的前端設計呢?許多零基礎的學員想要從事網頁設計或者網頁前端的工作,想要成為一名網頁設計師都不知道從何學起。非凡教育的特色課程專...