文档介绍:[内部培训教材]
《《WEBWEB标准和网站重构》标准和网站重构》
王本锐
2005/07/09~2005/07/22
万千英语族
[WEB标准与网站重构]
2005-7-30 1
基础知识:什么是基础知识:什么是W3CW3C??
• W3C(World Wide Web Consortium,/)创建于 1994年,研
究Web规范和指导方针,致力于推动Web发展,保证各种Web技术能很好地协同工
作。大约500名会员组织加入这个团体,它的主任Tim Berners-Lee
(ple/Berners-Lee/)在1989年发明了Web。W3C推行的
主要规范有HTML,CSS,XML,XHTML和DOM(Document Object Model)。
•多年以来,W3C把那些没有被部分会员公司(如Netscape和Microsoft)严格执行
的规范定义为“推荐”(mendations)。自1998年开始,“Web标准组织”
(C的“推荐”重新定义为“Web标准”,这是一种商业
手法,目的是让制造商重视并重新定位规范,在新的浏览器和网络设备中完全地
支持那些规范。
• puter Manufacturers Association(ECMA)
将 ECMAScript 定义为“标准JavaScript”。
[WEB标准与网站重构]
2005-7-30 2
两个问题两个问题
你用过那些浏览器?
常见的网页是通过什
么手段进行布局的?
[WEB标准与网站重构]
2005-7-30 3
当今过时的网站设计思路的始作俑者当今过时的网站设计思路的始作俑者
大概 1997 年的时候,David Siegel 出版了一本里程碑式的书《Creating
Killer Web Sites》,它在当时有限的浏览器功能和 W3C 标准之下,设计
出非常华丽的网页效果。(Netscape 2 和 3)
这些效果是如此漂亮,以至于到今天,它们还是最流行的网页排版方式。
用一句话概括这本书:用表格和分隔 GIF 可以设计出魔鬼般迷人的站点。
[WEB标准与网站重构]
2005-7-30 4
WEBWEB标准标准((WebWeb Standards)Standards)的历史的历史
在上个世纪90年代后期,当互联网和web逐渐成为主流时,Web浏览器(包括当时的
Netscape 4及以下版本,IE 4及以下版本。行话叫Version 4浏览器)的开发商还
没有完全的支持CSS(层叠式样式表,对于Web开发人员来说,他们可以用CSS来控
制Html文档的表现)。考虑到CSS1是在1996年制定的,而CSS2是在1998年才制定
的,所以这种对CSS支持的不足也是可以理解的。
由于浏览器对CSS的支持不够,再加上一些平面设计师的要求(这些要求与他们经
常与印刷品打交道有关)导致他们为了控制网页的视觉表现而滥用HTML。一个典
型的例子就是,当设计师可以用 border="0" 来隐藏表格的边框时,用隐藏表格
来控制布局的方法同样被使用。另一个例子是对“transparent”(透明)的使用,
同样是不可见,他们却使用空白的GIF图片来控制布局。
由于HTML从来就没被用来控制一个文档的表现,导致大量混乱代码、非法代码、
浏览器的专用代码和属性就被随意的使用了。“校验”这个词也很少被人问津。对
于这些代码来说,标签大杂烩(tag soup)是一个很形象的名字。
[WEB标准与网站重构]
2005-7-30 5
什么是什么是““WEBWEB标准标准””??<1><1>
Web标准,近年来在国外已经得到了很大的重视。尤其是美国颁布
了 501号法案以后,皆要求站点必须为残障人士提供与普通人士
相当的可访问性支持。要知道,传统的布局方法是很难达到这样
的要求的。
美国的多数技术性站点都开始向Web标准转型。许多大型站点也已
经使用新方法重构。例如就在最近(2005年1月),微软公司的msn
站点使用XHTML Strict+CSS完全重写。
网站标准不是某一个标准,而是一系列标准的集合。合网页主要由
三部分组成:结构(Structure)、表现(Presentation)和行为
(Behavior)。对应的标准也分三方面:结构化标准语言主要包
括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对
象模型(如 W3C DOM)、ECMAScript等。这些标准大