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

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

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


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

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


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


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

新聞名稱:建設網(wǎng)站不要被傳統(tǒng)布局思維所束縛
文章起源:http://www.muchs.cn/news20/79220.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、網(wǎng)站設計公司全網(wǎng)營銷推廣、企業(yè)建站、搜索引擎優(yōu)化商城網(wǎng)站

廣告

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

小程序開發(fā)