建設(shè)網(wǎng)站不要被傳統(tǒng)布局思維所束縛

2019-02-18    分類(lèi): 網(wǎng)站建設(shè)

建設(shè)網(wǎng)站不要被傳統(tǒng)布局思維所束縛


傳統(tǒng)網(wǎng)站建設(shè)是以表格布局為核心來(lái)實(shí)現(xiàn)的,整個(gè)設(shè)計(jì)過(guò)程是:效果設(shè)計(jì)在前,而內(nèi)容編 輯在后。具體說(shuō),就是先由美工設(shè)計(jì)小樣,再用PS ( Photoshop )或FW ( Fireworks )繪制網(wǎng)頁(yè) 效果,設(shè)計(jì)滿意之后,然后使用PS或FW切圖并輸出為網(wǎng)頁(yè),最后才去考慮如何在這個(gè)網(wǎng)頁(yè) 模板中插入數(shù)據(jù)。

而現(xiàn)在的標(biāo)準(zhǔn)設(shè)計(jì)恰恰相反,頁(yè)面使用div元素來(lái)代替table元素,于是很多網(wǎng)站設(shè)計(jì)師仍然沿襲過(guò)去的設(shè)計(jì)思路:先樣式,再內(nèi)容。這種設(shè)計(jì)與傳統(tǒng)表格設(shè)計(jì)沒(méi)有什么區(qū)別,無(wú)非是更換了幾個(gè)標(biāo)簽而已。


頁(yè)面里有的僅僅是內(nèi)容,在沒(méi)有修飾的情況下,它看上去就是一張白白的頁(yè)面,上面有 —些文字和圖片(這個(gè)圖片是指內(nèi)容中的圖片,是有真實(shí)意義的圖片),這些文字和圖片僅 僅是依次羅列下來(lái),只有結(jié)構(gòu),沒(méi)有任何樣式。當(dāng)我們把網(wǎng)頁(yè)結(jié)構(gòu)設(shè)計(jì)完畢,然后加入表現(xiàn), 將所有修飾的圖片作為背景,用CSS來(lái)定義每一塊內(nèi)容的位置、字體和顏色等時(shí),這樣制 作出的頁(yè)面才是內(nèi)容與表現(xiàn)分離的,就是說(shuō)當(dāng)禁止CSS文件之后,網(wǎng)頁(yè)顯示的將是干凈的 內(nèi)容,而不帶有一點(diǎn)樣式效果。例如,對(duì)于官方網(wǎng)站來(lái)說(shuō)如果禁止支持全部CSS,則會(huì)發(fā)現(xiàn)整個(gè)網(wǎng)頁(yè)結(jié)構(gòu)非?;靵y,網(wǎng)頁(yè)結(jié)構(gòu)的層次性很不清楚,無(wú)法方便用戶閱讀。


建設(shè)網(wǎng)站的W3C校驗(yàn)僅僅是幫助你檢查HTML代碼書(shū)寫(xiě)是否規(guī)范,CSS的屬性使用是否恰當(dāng)。代碼 的標(biāo)準(zhǔn)化僅僅是第_步,不是說(shuō)通過(guò)校驗(yàn),網(wǎng)頁(yè)站就標(biāo)準(zhǔn)化了。很多網(wǎng)站習(xí)慣于把W3C推薦的 校驗(yàn)圖標(biāo)作為網(wǎng)站的_種榮耀,把它放置在網(wǎng)站頁(yè)面很顯眼的位置。那么是不是通過(guò)W3C校驗(yàn)的 網(wǎng)站頁(yè)面都是符合標(biāo)準(zhǔn)的呢?這個(gè)也不一定。網(wǎng)站標(biāo)準(zhǔn)的重要問(wèn)題就是:根據(jù)元素的語(yǔ)義性來(lái)使用 它們。例如,table是用來(lái)呈現(xiàn)表格數(shù)據(jù)的,而不是用來(lái)進(jìn)行網(wǎng)頁(yè)布局的,但是一些利用table布局的網(wǎng)站頁(yè)面也能順利地通過(guò)驗(yàn)證。所以,所謂的驗(yàn)證結(jié)果也只能作為一種參考。我們不要為了 向別人炫耀自己設(shè)計(jì)的網(wǎng)站頁(yè)面通過(guò)了 W3C校驗(yàn)而去標(biāo)準(zhǔn)化,標(biāo)準(zhǔn)設(shè)計(jì)的目的是為了使自己的網(wǎng)站設(shè)計(jì)工作更有效,為了能夠在不同瀏覽器和設(shè)備中正常瀏覽。

文章標(biāo)題:建設(shè)網(wǎng)站不要被傳統(tǒng)布局思維所束縛
本文來(lái)源:http://bm7419.com/news/79220.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站企業(yè)建站、面包屑導(dǎo)航企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)