应用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]www.省略/.中国W3C标准化组织.