應用WEB標準進行網站重構的探討

郝麗霞 常淑鳳

[摘要]分析目前網頁設計與制作方式中存在的一些問題,探討采用WEB標準進行網站設計的優勢及必要性,并介紹采用WEB標準對網站進行重構的現狀和趨勢。

[關鍵詞]WEB標準網站重構網頁設計

中圖分類號:TP393文獻標識碼:A文章編號:1671-7597(2009)1120033-01

一、引言

在其它行業標準化推進得如火如涂的時候,WEB標準也步入了快車道。應用WEB標準進行網站設計和重構可以給用戶和設計者帶來很多好處,可以使自己的網站成本變得更低,運行得更好,訪問者更多。很多大型站點采用WEB標準對網站重構,這使得使用內容和形式分離的方式設計的網站的優越性日趨明顯。

二、WEB標準

(一)目前網頁設計與制作的主要方式及其存在的問題

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

(二)WEB標準的含義

為了解決目前網站設計中存在的以上問題,W3C(World Wide Web Co

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

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

網頁主要由三部分組成:結構(Structure)、表現(Presentation)

和行為(Behavior)。對應的網站設計與制作標準也分三方面:結構化標準語言主要包括XHTML和XML,表現標準語言主要包括CSS,行為標準主要包括對象模型(如W3C DOM)、ECMAScript等。

web標準不僅僅是一個標準,而是一系列標準規范的總稱。這些標準大部分由W3C起草和發布,也有一些是其他標準組織制訂的標準按這些規范制作的網頁,符合XML格式規范,內容與表現相分離,使頁面數據在以后可以被分享、交換和重用。

(三)采用WEB標準設計與制作網站的優點

根據WEB標準設計與制作網站的好處,主要從以下兩個方面來體現:

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

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

總的來說使用WEB標準設計與制作的網站與傳統方式制作的網站相比,由于其表現和內容相分離,將設計部分剝離出來放在一個獨立樣式文件中,HTML文件中只存放文本信息,使得代碼精簡,在維護內容和修改樣式時都比較方便。

三、采用WEB標準對網站進行重構

網站重構的概念源自于“網站生命周期管理”的提出,網站重構(Website Reconstruction)是把未采用CSS,大量使用HTML進行定位、布局,或者雖然已經采用CSS,但是未遵循HTML結構化標準的站點變成讓標記回歸標記的原本意義,通過在HTML文檔中使用結構化的標記以及用CSS控制頁面表現,使頁面的實際內容與它們呈現的格式相分離的站點。的過程。

對已有的網站進行重構,需要策劃人員提出網頁的結構,UI設計師應對所設計的內容、結構進行充分的理解,并靈活運用CSS技術和Xhtml語言的特點,選擇有意義的元素表現網站的內容,使用精練的CSS進行布局和美化,從而實現網站的重構。另外在具體實施時還要注意關于SEO(search engine optimization搜索引擎優化)在網頁中設計中的問題,這樣才能充分體現重構后網站的優勢。程序開發人員也需要了解WEB標準的知識,具備HTML基礎,便于對頁面行為進行標準化。

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

四、結語

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

參考文獻:

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

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

[3](美)澤爾德曼(Zeldman,J.)著,傅捷等譯,《網站重構——應用Web標準進行設計(第2版》,電子工業出版社,2008.4.

[4]http://www.webw3c.org/.中國W3C標準化組織.