基于WEB标准构建网站的研究.docVIP

基于WEB标准构建网站的研究 　　摘要:目的:研究如何应用WEB标准构建具有较高可用性的网站。方法:分析现有网站可用性差的原因,引出WEB标准,给出如何应用WEB标准构建网站的方法。结果:基于WEB标准将网站的结构、表现、行为进行分离构建网站。结论:提出了具体运用WEB标准构建适应主流浏览器、高访问速度、高可用性网站的方法。 　　关键词:WEB标准;可用性;DIV+CSS 　　中图分类号:TP393文献标识码:A文章编号:1009-3044(2009)33-9396-02 　　Research on Constructing the Website Based on the Web Standards 　　LI Xiao-jun,WANG Jia-hua 　　(School of Computer, Xian Shiyou University, Xian 710065, China) 　　Abstract: Aim: Research ahout how construct the high usability website using the WEB standards. Method:Analyze the reasons of existing website’s bad usability , draw out the Web standard, gives out the method of how construct the website using the Web standards.Results:Separate the structure, performance and behavior of the website based on the WEB standards to construct the website. Conclusion Propose the concrete method of constructing the adaptive mainstream browser, the high access speed and the high usability website using the Web standards. 　　Key words: Web standards; usability; DIV+CSS 　　“事实上99.9%的网站都是过时的”,世界知名的网站设计师Jeffrey Zeldman在他的著作《网站重构――应用Web标准进行设计》[1]中说过这样一句让业内人士震惊的话。这句话用来说目前国内网站的建设情况也不算夸张,纵观国内大部分网站依旧采用复杂的代码、层层嵌套的表格、标签来布局,这些冗余代码使简单网站需要两至三倍的带宽。这些网站的访问者需要花费长时间等待页面的打开,而且打开的页面通常在不同的浏览器中差异非常之大甚至无法使用。 　　网站建设人员都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的浏览器大战,为了兼容Netscape和IE,网站不得不为这两种浏览器写不同的代码。同样的,每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备,例如支持手机上网的WAP技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的DHTML特效,屏蔽了部分潜在的客户;不易用的代码,残障人士无法浏览网站等等。这是一种恶性循环,是一种巨大的浪费。 　　1 WEB标准 　　1.1 WEB标准的提出 　　为了解决网站设计中的这些问题,提高网站的可用性,为网站访问者提供更好的用户体验,WEB标准组织(Web Standards Project)于1998年创立并提出了构建网站的WEB标准。 　　WEB标准不是某一个标准,而是一系列标准的集合[1]。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。 　　1.2 WEB标准的内涵 　　WEB标准的内涵就是将网页的结构、表现和行为分离,如图1所示。 　　当一个文档被人为是符合了Web标准,指的就是除了符合上一节中所提到的技术,还应当符合:1) 由符合