第17章 了解WEB标准和重构.pptVIP

第17章 了解WEB标准和重构 制作符合WEB标准的网页是现今所有网页设计师必备的素质之一。无论一个网页的页面制作得多精美，若其代码凌乱不堪，网页不符合WEB标准也是形同虚设。一个符合WEB标准，合格的XHTML网页对网站的SEO和网站的自身建设有深远的影响。自从在之前的章节中常常提到要制作符合WEB标准的XHTML网页，本章将详细讲解WEB标准以及如何应用WEB标准重构网站。本章内容包括： 了解网页的三层结构：结构层、表现层和行为层 了解WEB标准和建立WEB标准网页的方法 17.1 网页的组成 网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。 17.1.1 结构 一个XHTML文档是一棵文档树，是一个完整的结构体。网页的结构有两部分组成，包括内容和标签。内容就是网页上的信息，例如文字和图片。而标签是嵌套内容的框架，用于指明内容所表现的形式。例如一条新闻“庆祝祖国建立59周年”是内容，而使用标签li来嵌套这些文字就代表新闻是列表的一部分。 17.1.2 表现 虽然XHTML页面有了清晰的结构，但文字的大小颜色没有发生改变，页面没有修饰任何修饰。如果单单存在结构而没有样式的页面就显得非常单调。使用CSS样式设置文字的颜色，背景的图案，段落的行高等等，都属于一个XHTML页面的表现。 17.1.3 行为 行为就是对内容的交互及操作效果。例如，JavaScript语言就能对网页的进行某些动态修改。行为层的内容不属于本书叙述的部分，不再一一讲解。 17.2 了解WEB标准 17.2.1 什么是WEB标准 17.2.2 什么是W3C 17.2.3 使用WEB标准的必要性 17.2.1 什么是WEB标准 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，如ECMA（European Computer Manufacturers Association）的ECMAScript标准。 1. 结构标准语言，包括XML语言和XHTML语言 2. 表现标准语言 3. 行为标准包括DOM和ECMAScript 17.2.2 什么是W3C W3C是“World Wide Web Consortium”的缩写，中文称万维网组织。它是一个专注于领导和发展web技术的国际工业行业协会。由万维网发明者Time Berners-Lee领导，成立与1994年。W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会员）包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识所以常说的W3C其实一个协会的名称。以下是由W3C发布的并且目前广泛应用的标准。 1.HTML4.01 2.XML1.0 3. CSS2.0 4. XHTML1.0 5.DOM1.0 6.ECMA发布的标准 ECMAscript 17.2.3 使用WEB标准的必要性 使用WEB标准最主要是为了实现结构层和表现层分离。所谓结构层，简单来说就是HTML文档，即在浏览器上运行的文件。而表现层就是样式，用于改变网页文件的外观。在WEB标准未出现之前，网页设计者都使用table表格来进行布局，然后会在HTML文档中加入大量的表现层语句。例如，在某个td标签中插入font属性来更改该单元格的文字属性。这样做就造成了HTML文档复杂而累赘，难以理解难以修改。图17.4所示是一个使用table作为布局方式的网页的代码。 17.3 如何建立标准WEB网页 目前大部分的网站都在进行网站重构。通过在HTML文档中使用结构化的标记以及用CSS控制页面表现，使页面的实际内容与表现样式分离的站点的过程就是网站重构(Website Reconstruction)。所以，网站重构的核心就是实现优化的表现层和结构层分离，建立标准的WEB网页。 17.3.1 正确书写网页文档头部 在第二章开始的部分介绍了如何建立一个标准的XHTML网页。使用Dreamweaver网页编辑器能自动生成一个标准的HTML网页框架。而这个网页的头部声明很重要，它决定了整个网页遵循怎样的版本和规则。 17.3.2 遵循XHTML语法 XHTML语法与HTML语法很相似，但是XHTML语法更加严谨和标准。以下是正确书写XHTML标签应遵循的规