建設(shè)網(wǎng)站不要被傳統(tǒng)布局思維所束縛
傳統(tǒng)網(wǎng)站建設(shè)是以表格布局為核心來實(shí)現(xiàn)的，整個設(shè)計過程是：效果設(shè)計在前，而內(nèi)容編 輯在后。具體說，就是先由美工設(shè)計小樣，再用PS ( Photoshop )或FW ( Fireworks )繪制網(wǎng)頁 效果，設(shè)計滿意之后，然后使用PS或FW切圖并輸出為網(wǎng)頁，最后才去考慮如何在這個網(wǎng)頁 模板中插入數(shù)據(jù)。
而現(xiàn)在的標(biāo)準(zhǔn)設(shè)計恰恰相反，頁面使用div元素來代替table元素，于是很多網(wǎng)站設(shè)計師仍然沿襲過去的設(shè)計思路：先樣式，再內(nèi)容。這種設(shè)計與傳統(tǒng)表格設(shè)計沒有什么區(qū)別，無非是更換了幾個標(biāo)簽而已。
頁面里有的僅僅是內(nèi)容，在沒有修飾的情況下，它看上去就是一張白白的頁面，上面有 —些文字和圖片（這個圖片是指內(nèi)容中的圖片，是有真實(shí)意義的圖片），這些文字和圖片僅 僅是依次羅列下來，只有結(jié)構(gòu)，沒有任何樣式。當(dāng)我們把網(wǎng)頁結(jié)構(gòu)設(shè)計完畢，然后加入表現(xiàn)， 將所有修飾的圖片作為背景，用CSS來定義每一塊內(nèi)容的位置、字體和顏色等時，這樣制 作出的頁面才是內(nèi)容與表現(xiàn)分離的，就是說當(dāng)禁止CSS文件之后，網(wǎng)頁顯示的將是干凈的 內(nèi)容，而不帶有一點(diǎn)樣式效果。例如，對于官方網(wǎng)站來說如果禁止支持全部CSS，則會發(fā)現(xiàn)整個網(wǎng)頁結(jié)構(gòu)非?；靵y，網(wǎng)頁結(jié)構(gòu)的層次性很不清楚，無法方便用戶閱讀。
建設(shè)網(wǎng)站的W3C校驗僅僅是幫助你檢查HTML代碼書寫是否規(guī)范，CSS的屬性使用是否恰當(dāng)。代碼 的標(biāo)準(zhǔn)化僅僅是第_步，不是說通過校驗，網(wǎng)頁站就標(biāo)準(zhǔn)化了。很多網(wǎng)站習(xí)慣于把W3C推薦的 校驗圖標(biāo)作為網(wǎng)站的_種榮耀，把它放置在網(wǎng)站頁面很顯眼的位置。那么是不是通過W3C校驗的 網(wǎng)站頁面都是符合標(biāo)準(zhǔn)的呢？這個也不一定。網(wǎng)站標(biāo)準(zhǔn)的重要問題就是：根據(jù)元素的語義性來使用 它們。例如，table是用來呈現(xiàn)表格數(shù)據(jù)的，而不是用來進(jìn)行網(wǎng)頁布局的，但是一些利用table布局的網(wǎng)站頁面也能順利地通過驗證。所以，所謂的驗證結(jié)果也只能作為一種參考。我們不要為了 向別人炫耀自己設(shè)計的網(wǎng)站頁面通過了 W3C校驗而去標(biāo)準(zhǔn)化，標(biāo)準(zhǔn)設(shè)計的目的是為了使自己的網(wǎng)站設(shè)計工作更有效，為了能夠在不同瀏覽器和設(shè)備中正常瀏覽。
