郝麗霞 常淑鳳

[摘要]分析目前網(wǎng)頁設(shè)計(jì)與制作方式中存在的一些問題,探討采用WEB標(biāo)準(zhǔn)進(jìn)行網(wǎng)站設(shè)計(jì)的優(yōu)勢及必要性,并介紹采用WEB標(biāo)準(zhǔn)對網(wǎng)站進(jìn)行重構(gòu)的現(xiàn)狀和趨勢。

[關(guān)鍵詞]WEB標(biāo)準(zhǔn)網(wǎng)站重構(gòu)網(wǎng)頁設(shè)計(jì)

中圖分類號:TP393文獻(xiàn)標(biāo)識碼:A文章編號:1671-7597(2009)1120033-01

一、引言

在其它行業(yè)標(biāo)準(zhǔn)化推進(jìn)得如火如涂的時候,WEB標(biāo)準(zhǔn)也步入了快車道。應(yīng)用WEB標(biāo)準(zhǔn)進(jìn)行網(wǎng)站設(shè)計(jì)和重構(gòu)可以給用戶和設(shè)計(jì)者帶來很多好處,可以使自己的網(wǎng)站成本變得更低,運(yùn)行得更好,訪問者更多。很多大型站點(diǎn)采用WEB標(biāo)準(zhǔn)對網(wǎng)站重構(gòu),這使得使用內(nèi)容和形式分離的方式設(shè)計(jì)的網(wǎng)站的優(yōu)越性日趨明顯。

二、WEB標(biāo)準(zhǔn)

(一)目前網(wǎng)頁設(shè)計(jì)與制作的主要方式及其存在的問題

采用網(wǎng)頁制作工具設(shè)計(jì)網(wǎng)頁是目前很多企業(yè)網(wǎng)站的主要方式,比如DreamWeaver、Adobe Pagemill、Claris Home Page等,使用這些工具做出來的網(wǎng)站內(nèi)容和表現(xiàn)摻雜在一起,結(jié)構(gòu)也不清晰。當(dāng)網(wǎng)站較大時,維護(hù)和更新很麻煩。并且采用這些工具制作的網(wǎng)頁在對不同的瀏覽器支持方面有些不太盡人意,當(dāng)主流瀏覽器版本的升級,我們剛建立的網(wǎng)站就可能變得過時,我們就需要升級或者重新建造一遍網(wǎng)站。另外,每當(dāng)新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備的出現(xiàn),還需要制作一個新版本來支持這種新技術(shù)或新設(shè)備,例如支持手機(jī)上網(wǎng)的WAP技術(shù)。使用網(wǎng)頁制作工具使得網(wǎng)站代碼臃腫、繁雜,浪費(fèi)大量的帶寬;針對某種瀏覽器的DHTML特效,在其它瀏覽器上顯不出來,無意中屏蔽了部分潛在的客戶。這種網(wǎng)頁設(shè)計(jì)與制作方式給網(wǎng)站的使用和維護(hù)帶來了很多不便。

(二)WEB標(biāo)準(zhǔn)的含義

為了解決目前網(wǎng)站設(shè)計(jì)中存在的以上問題,W3C(World Wide Web Co

nsortium萬維網(wǎng)組織)和ECMA(European Computer Manufacturers Assoc

iation)制定的一系列的技術(shù)規(guī)范,目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。

網(wǎng)頁主要由三部分組成:結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)

和行為(Behavior)。對應(yīng)的網(wǎng)站設(shè)計(jì)與制作標(biāo)準(zhǔn)也分三方面:結(jié)構(gòu)化標(biāo)準(zhǔn)語言主要包括XHTML和XML,表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS,行為標(biāo)準(zhǔn)主要包括對象模型(如W3C DOM)、ECMAScript等。

web標(biāo)準(zhǔn)不僅僅是一個標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)規(guī)范的總稱。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布,也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn)按這些規(guī)范制作的網(wǎng)頁,符合XML格式規(guī)范,內(nèi)容與表現(xiàn)相分離,使頁面數(shù)據(jù)在以后可以被分享、交換和重用。

(三)采用WEB標(biāo)準(zhǔn)設(shè)計(jì)與制作網(wǎng)站的優(yōu)點(diǎn)

根據(jù)WEB標(biāo)準(zhǔn)設(shè)計(jì)與制作網(wǎng)站的好處,主要從以下兩個方面來體現(xiàn):

1.從瀏覽者的角度來說:(1)文件下載速度更快,瀏覽器顯示頁面的速度也快;(2)內(nèi)容能被更多的用戶所訪問(包括失明、視弱、色盲等殘障人士);(3)由于實(shí)現(xiàn)了結(jié)構(gòu)與表現(xiàn)的分離,使得內(nèi)容能被更多的設(shè)備所訪問(包括屏幕閱讀機(jī)、手持設(shè)備、搜索機(jī)器人等);(4)可以有獨(dú)立的樣式表,用戶自己可以很方便的選擇自己的頁面外觀;(5)可以調(diào)用獨(dú)立的打印樣式文件,方便頁面的打印。

2.從網(wǎng)站擁有者的角度來說:(1)內(nèi)容和形式分離,使得維護(hù)變得更方便和容易;(2)代碼更簡潔,網(wǎng)站大小降低,從而帶寬也降低,這樣就節(jié)約了成本;(3)能夠提高搜索引擎對網(wǎng)頁的索引效率,只用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽,搜索引擎將更有效地搜索到網(wǎng)頁的內(nèi)容,并可能給出較高的評價和排名;(4)遵循WEB標(biāo)準(zhǔn)的網(wǎng)站可以做出不同的樣式文件,可以容易地制作出并提供網(wǎng)頁的打印版本;(5)有清晰合理的結(jié)構(gòu),提高了網(wǎng)站的易用性;(6)由于實(shí)現(xiàn)向后兼容,所以當(dāng)瀏覽器版本更新或者出現(xiàn)新的網(wǎng)絡(luò)交互設(shè)備時所有應(yīng)用能夠被繼續(xù)正確執(zhí)行。

總的來說使用WEB標(biāo)準(zhǔn)設(shè)計(jì)與制作的網(wǎng)站與傳統(tǒng)方式制作的網(wǎng)站相比,由于其表現(xiàn)和內(nèi)容相分離,將設(shè)計(jì)部分剝離出來放在一個獨(dú)立樣式文件中,HTML文件中只存放文本信息,使得代碼精簡,在維護(hù)內(nèi)容和修改樣式時都比較方便。

三、采用WEB標(biāo)準(zhǔn)對網(wǎng)站進(jìn)行重構(gòu)

網(wǎng)站重構(gòu)的概念源自于“網(wǎng)站生命周期管理”的提出,網(wǎng)站重構(gòu)(Website Reconstruction)是把未采用CSS,大量使用HTML進(jìn)行定位、布局,或者雖然已經(jīng)采用CSS,但是未遵循HTML結(jié)構(gòu)化標(biāo)準(zhǔn)的站點(diǎn)變成讓標(biāo)記回歸標(biāo)記的原本意義,通過在HTML文檔中使用結(jié)構(gòu)化的標(biāo)記以及用CSS控制頁面表現(xiàn),使頁面的實(shí)際內(nèi)容與它們呈現(xiàn)的格式相分離的站點(diǎn)。的過程。

對已有的網(wǎng)站進(jìn)行重構(gòu),需要策劃人員提出網(wǎng)頁的結(jié)構(gòu),UI設(shè)計(jì)師應(yīng)對所設(shè)計(jì)的內(nèi)容、結(jié)構(gòu)進(jìn)行充分的理解,并靈活運(yùn)用CSS技術(shù)和Xhtml語言的特點(diǎn),選擇有意義的元素表現(xiàn)網(wǎng)站的內(nèi)容,使用精練的CSS進(jìn)行布局和美化,從而實(shí)現(xiàn)網(wǎng)站的重構(gòu)。另外在具體實(shí)施時還要注意關(guān)于SEO(search engine optimization搜索引擎優(yōu)化)在網(wǎng)頁中設(shè)計(jì)中的問題,這樣才能充分體現(xiàn)重構(gòu)后網(wǎng)站的優(yōu)勢。程序開發(fā)人員也需要了解WEB標(biāo)準(zhǔn)的知識,具備HTML基礎(chǔ),便于對頁面行為進(jìn)行標(biāo)準(zhǔn)化。

設(shè)計(jì)制作出符合WEB標(biāo)準(zhǔn)的網(wǎng)站是未來的趨勢,目前已有多家大型網(wǎng)站完成了對網(wǎng)站的重構(gòu),如新浪、搜狐、阿里巴巴中文版、淘寶等,標(biāo)準(zhǔn)化后可以使網(wǎng)站擁有者致力于做好自己網(wǎng)站的內(nèi)容,讓網(wǎng)站更好的為用戶服務(wù)。這些符合標(biāo)準(zhǔn)的網(wǎng)站已經(jīng)凸現(xiàn)出標(biāo)準(zhǔn)網(wǎng)站的優(yōu)勢,自然還會有越來越多的網(wǎng)站支持W3C標(biāo)準(zhǔn)。而那些舊式的網(wǎng)站不得不面臨重構(gòu)的問題,特別是中小企業(yè)網(wǎng)站。

四、結(jié)語

通過以上的探討,我們初步了解了WEB標(biāo)準(zhǔn)以及應(yīng)用WEB標(biāo)準(zhǔn)對網(wǎng)站重構(gòu)的方法及必要性,但是由于IE早期版本對于WEB標(biāo)準(zhǔn)的支持不好,目前用戶中使用IE瀏覽器的還是占大多數(shù),而且不能保證大多數(shù)在使用新版本,所以在選擇網(wǎng)站是否需要重構(gòu)時應(yīng)考慮自己網(wǎng)站的用戶群。即使確定需要重構(gòu)的網(wǎng)站在實(shí)際應(yīng)用web標(biāo)準(zhǔn)進(jìn)行網(wǎng)站重構(gòu)時也并不是想像中那樣順利,依然有很多的困難擺在我們面前,比如缺乏易用的、強(qiáng)大的支持web標(biāo)準(zhǔn)的頁面開發(fā)軟件;對web標(biāo)準(zhǔn)的支持較完善的瀏覽器還不普及等,這些需要網(wǎng)站設(shè)計(jì)者與W3C等機(jī)構(gòu)共同努力來解決,共同推進(jìn)WEB標(biāo)準(zhǔn)化的進(jìn)行。

參考文獻(xiàn):

[1]溫謙著,《CSS設(shè)計(jì)徹底研究》,人民郵電出版社,2008.2.

[2](美)莫里著,陳黎夫等譯,《CSS禪意花園》,人民郵電出版社,2007.5.

[3](美)澤爾德曼(Zeldman,J.)著,傅捷等譯,《網(wǎng)站重構(gòu)——應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)(第2版》,電子工業(yè)出版社,2008.4.

[4]http://www.webw3c.org/.中國W3C標(biāo)準(zhǔn)化組織.