首頁(yè)?>?知識(shí)?資訊?>?標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)概述。?>?正文

標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)概述。

2017/11/28 0:00:00 · 稿源:傳誠(chéng)信

標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)概述。

網(wǎng)站必然是當(dāng)時(shí)世界上最好的Web標(biāo)準(zhǔn),開(kāi)始把他的網(wǎng)站源代碼分成兩部分:HTML結(jié)構(gòu)和CSS樣式,然后打印出來(lái)分別學(xué)習(xí)。?

維度點(diǎn)室內(nèi)設(shè)計(jì)(響應(yīng)式)

先看HTML結(jié)構(gòu),他的HTML結(jié)構(gòu)寫(xiě)得非常嚴(yán)謹(jǐn),主要是研究他是怎么劃分結(jié)構(gòu)的,然 后還研究他的結(jié)構(gòu)命名。研究HTML源代碼絕對(duì)會(huì)讓你有很大的進(jìn)步。這一步非常的重要。當(dāng)結(jié)構(gòu)基本看懂了之后,就開(kāi)始讀CSS代碼。

開(kāi)始是單純的讀CSS,關(guān)鍵是看高手是怎么 寫(xiě)樣式的。研究不同CSS文件之間的關(guān)系,以及一些CSS Hack (補(bǔ)注,為了兼容不同瀏覽器 而寫(xiě)的技巧,或代碼片段)的東西。

單純看CSS代碼是沒(méi)用的,還需要與HTML源代碼相結(jié)合來(lái)理解,不然根本就不理解CSS 的作用。

怎樣對(duì)應(yīng)HTML來(lái)理解呢?辦法還是一個(gè)字“拆"。

先把頁(yè)面還原成正常的樣式。然后為了弄明白每一句CSS的意思,就把這句CSS刪除,然 后再看網(wǎng)頁(yè)效果。如果刪除后還是沒(méi)發(fā)現(xiàn)預(yù)料的變化,那就再查找一下,到底是怎么回事。有 時(shí)還可以動(dòng)手改代碼,重新設(shè)覃參數(shù)來(lái)看看網(wǎng)頁(yè)效果。

也就是在這樣的拆拆改改中就基本上知 道了 Web標(biāo)準(zhǔn)的一些技巧。

通過(guò)不斷的努力,我的第一個(gè)Web標(biāo)準(zhǔn)的網(wǎng)站就這樣完成了,雖然沒(méi)辦法通過(guò)驗(yàn)證,但是 換膚的特性是絕對(duì)沒(méi)問(wèn)題的,并且可以適合IE5~I(xiàn)E6、Firefox等瀏覽器。

以上是我從一無(wú)所知到基本掌握標(biāo)準(zhǔn)技術(shù)的過(guò)程。雖然也有很多沒(méi)說(shuō)清楚,但是有一點(diǎn): 學(xué)標(biāo)準(zhǔn)需要非常的毅力,因?yàn)槟銜?huì)遇到很多困難,有時(shí)你會(huì)覺(jué)得學(xué)不下去,但是要學(xué)會(huì)想辦法 解決問(wèn)題才能讓你學(xué)到更多的知識(shí)。


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線

010-62199213

24小時(shí)咨詢(xún)熱線

139-1050-5354