Web标准在教学中的实践

２００９年第３期（总第１１４期）Ｃｈｉｎｅｓｅｈｉ－ｔｅｃｈｅｎｔｅｒｐｒｉｓｅｓＮＯ．３．２００９（ＣｕｍｕｌａｔｉｖｅｔｙＮＯ．１１４）!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!中国高新技术企业Web标准在教学中的实践崔琦（山东省青年管理干部学院，山东济南250014）摘要：Web标准是目前网页设计应遵循的行业标准，也是目前网页设计领域中的一个热点问题，因此在网页设计教学过程中应将Web标准纳入教学内容，使学生掌握有关web标准基本概念及使用方法，同时对web标准的在我国的应用起到一定的推动作用。

关键词：Web标准；网页设计；行业标准；教学实践中图分类号：GP393文献标识码：A文章编号：1009-2374（2009）03-0206-02一、Ｗｅｂ标准概述Ｗｅｂ标准是Ｗ３Ｃ（ＷｏｒｌｄＷｉｄｅＷｅｂＣｏｎｓｏｒｔｉｕｍ，万维网组织）推荐的网页设计与开发的一系列标准的集合。

在该标准中，网页主要由结构、表现和行为三部分组成，对应的标准也分三部分，即结构化标准语言主要包括ＨＴＭＬ、ＸＨＴＭＬ和ＸＭＬ，表现标准语言主要包括ＣＳＳ，行为标准语言主要包括对象模型如Ｗ３ＣＤＯＭ和ＥＣＭＡＳｃｒｉｐｔ等，其中ＥＣＭＡＳｃｒｉｐｔ是由ＥＣＭＡ（ＥｕｒｏｐｅａｎＣｏｍｐｕｔｅｒＭａｎｕｆａｃｔｕｒｅｓＡｓｓｏｃｉａｔｉｏｎ，欧洲计算机制造联合会）制定的标准。

这一系列标准约束了发送给浏览器的ＨＴＭＬ代码，旨在以一种智能、易用并便于实现的方式解决浏览器之间的兼容问题。

二、遵守ｗｅｂ标准的目的采用ｗｅｂ标准设计网站，对于网站的经营者和使用者是双赢的。

对于前者，由于开发网站时使用了ｗｅｂ标准，网站页面的代码量大大减少，节省了带宽，也就意味着成本的降低。

此外，ｗｅｂ标准的应用使得网站的维护更加容易，网站改版更加方便，尤其是还可以保证网站具有更好的可访问性。

对于后者，使用ｗｅｂ标准使得页面的下载速度与页面的显示速度更快，用户还可以订制自己喜欢的表现界面，获得更加良好的用户体验。

利用ｗｅｂ标准设计的网站能被更多的设备所访问，如屏幕阅读机、手机等，实现了信息跨平台的可用性，为用户提供了多元化的访问方式。

三、Ｗｅｂ标准应用现状（一）我国ｗｅｂ标准的应用现状目前，欧美等一些发达国家都制定了有关ｗｅｂ可访问性的法律法规，要求ｗｅｂ开发人员在进行公众网站开发时必须注意网站的可访问性，所谓可访问性就是Ｗｅｂ对任何人士（包括残障人士）都是可访问、可用的。

ｗｅｂ可访问性明确残障人士能感觉、理解和操纵ｗｅｂ，与ｗｅｂ互动，使他们能投身于Ｗｅｂ中，成为Ｗｅｂ的元素，要充分考虑到残障人士的需求。

而用ｗｅｂ标准编写的页面，９０％的内容都符合Ｗ３Ｃ的“内容可访问性指导建议”，也就是说网站具有良好的可访问性，因此在这些国家，ｗｅｂ标准的应用已经较为普遍。

在我国，目前还没有Ｗｅｂ可访问性方面的开发规范，也就是说我国还没有任何法律法规要求网站必须具备良好的可访问性。

同时，由于ＩＥ６仍然占据浏览器市场份额的９５％，而大部分依赖于ＡｃｔｉｖｅＸ控件才能运行的电子商务网站使得人们必须用ＩＥ６，这就导致了在制作网页的时候都趋向于满足ＩＥ６，而很少的关注其他浏览器。

很多网站开发者虽然也经常使用ＩＥ之外的浏览器来开发和测试网站，但仍需要不时地使用ＩＥ，因为很多网站仍依赖于它，这种对网站兼容性的低需求导致了网站开发者及其公司都没什么动力去推广和应用Ｗｅｂ标准。

虽然一些大型门户网站都以ｗｅｂ标准为基础进行了网站重构，但大多数网站仍然没有应用ｗｅｂ标准。

由此我们可以看到，在中国推行Ｗｅｂ标准的人还是少数，并且他们常常是孤立无援的，无法实施、无法去解释为何需要使用标准及标准的价值。

（二）教学中ｗｅｂ标准的应用现状目前在高校网页设计课的教学中，大多还是把Ｄｒｅａｍｗｅａｖｅｒ、Ｆｌａｓｈ和Ｆｉｒｅｗｏｒｋｓ这三个软件的使用作为主要的教学内容，虽然从Ｄｒｅａｍｗｅａｖｅｒ８开始，自动生成的页面代码中包含了一些ｗｅｂ标准的内容，但ｗｅｂ标准仍没被纳入到教学中去，而且很多教师还没有认识到ｗｅｂ标准的重要性。

同时，大多数网页设计课的教材中也没有ｗｅｂ标准的相关内容，使得教师授课时没有依据，学生学习时没有资料。

此外，由于教学大纲的更新较网页设计技术的更新相对滞后，ｗｅｂ标准的内容没有被写入教学大纲中，因此即便是教师有意识地去讲授有关ｗｅｂ标准的内容也会受到课时等因素的制约。

以上这些原因导致了ｗｅｂ标准在教学中的缺失，如果学生在今后的工作中面临要使用ｗｅｂ标准进行网站开发只能靠自学，这无疑会对学生的发展产生不利的影响。

四、Ｗｅｂ标准应用前景中国已于２００８年６月批准了联合国《残疾人权利公约》，这是历史上第一个保障和促进残障人士权利的国际性法律公约。

中国批准了此公约，意味着残障人士在获取信息、康复、就业和教育方面都有了法律依据。

如公约第九条所说：“缔206 --约国应当采取适当措施……促使残疾人有机会使用新的信息和通信技术和系统，包括因特网。

”这就意味着在今后进行网站开发时要将残疾人的权利考虑在内，也就是说要开始考虑网站的可访问性。

虽然《残疾人权利公约》并不是由我国制定的法律法规，但建立健全相关的法律法规必然是一种趋势，因此ｗｅｂ标准的应用也必然是一种趋势。

目前我国很多Ｗｅｂ领域的专家正以无限的热情和责任感致力于ｗｅｂ标准的推广，很多网站开发者或爱好者都在积极地学习ｗｅｂ标准。

另一方面，伴随着Ｏｐｅｒａ、Ｓａｆａｒｉ、Ｆｉｒｅｆｏｘ、ＧｏｏｇｌｅＣｈｒｏｍｅ等浏览器使用率的上升，进行网站开发时仅考虑ＩＥ６肯定是行不通的，必须要更多地考虑到网站对不同浏览器的兼容性，这就预示着ｗｅｂ标准将要被更为广泛的应用。

五、将ｗｅｂ标准纳入教学通过上述介绍不难看出，ｗｅｂ标准已成为目前网页设计所必须使用的规范，因此网页设计课的教学内容必须进行扩充。

考虑到课时等一些因素的制约，ｗｅｂ标准的全部内容不可能完全被纳入教学之中，而且对于初学者来说完全掌握ｗｅｂ标准也不够现实，应将以下这些ｗｅｂ标准的核心思想及基本技术纳入到教学实践中去。

（一）使用ＣＳＳ实现内容与表现分离内容是指页面实际要传递的信息，包括数据、文档、图片或者动画等。

表现指内容呈现的样式，例如字体、文本颜色、修饰等，所有用以改变内容外观的部分，都称之为“表现”。

在网页设计时，应将内容放到各种结构中去，如标题、段落等。

这些结构可以是ＸＨＴＭＬ的标记如＜ｈｌ＞、＜ｐ＞等，也可以是ＸＭＬ标记。

传统的ＨＴＭＬ代码中，为了实现内容的表现往往通过大量使用标签属性的方法来接解决，如用：＜ｐ＞＜ｆｏｎｔｃｏｌ－ｏｒ＝＂ｒｅｄ＂ｓｉｚｅ＝＂１２＂ｆａｃｅ＝＂宋体＂＞Ｗｅｂ标准＜／ｆｏｎｔ＞＜／ｐ＞，将段落中的文本设为红色、５号、宋体，页面内容和表现混杂在一起，代码量大且不利于页面改版，网站开发和维护效率低。

为此Ｗｅｂ标准推荐使用ＣＳＳ来弥补传统ＨＴＭＬ功能上的不足，通过ＣＳＳ控制页面内任意对象显示样式。

在网页设计时可以单独定义外部ＣＳＳ文件，网页通过链接该ＣＳＳ文件获得文件中定义的样式，再对页面元素应用这些样式，实现样式控制。

（二）正确、合理地使用ＨＴＭＬ标签使用ＣＳＳ进行网页设计的前提是ＨＴＭＬ文档具有良好的结构，也就是说ＣＳＳ要应用于结构化的ＨＴＭＬ文档，所谓结构化的ＨＴＭＬ主要体现在对ＨＴＭＬ标签的正确、合理的使用，即选择ＨＴＭＬ标签时要根据其语义来选择，而不是根据其样式来选择。

如对于页面中的一级标题我们就使用＜ｈ１＞标签来表示它，之所以使用＜ｈ１＞标签，并不是考虑到它会以什么样式来呈现标题，而是因为＜ｈ１＞标签的语义就是一级标题。

也就是说不能为了得到更大的显示字体而将页面的正文内容放入＜ｈ１＞标签内，这是对标签的误用。

只有真正掌握了每个标签的语义，才能正确地使用标签，写出的ＨＴＭＬ代码才会具有良好的结构。

（三）采用正确的结构化标记１．为页面添加正确的ＤＯＣＴＹＰＥ。

添加ＤＯＣＴＹＰＥ主要用来说明ＸＨＴＭＬ或者ＨＴＭＬ是什么版本，浏览器根据你的ＤＯＣＴＹＰＥ定义的ＤＴＤ（文档类型定义）来解释页面代码。

ＸＨＴＭＬ１．０提供了过渡型（Ｔｒａｎｓｉｔｉｏｎａｌ）、严格型（Ｓｔｒｉｅｔ）、框架型（Ｆｒａｍｅｓｅｔ）三种选择。

过渡型在当前环境中更容易被接受，其格式如下：＜！ＤＯＣＴＹＰＥｈｔｍｌＰＵＢＬＩＣ＂－／／Ｗ３Ｃ／／ＤＴＤＸＨＴＭＬ１．０Ｔｒａｎｓｉｔｉｏｎａｌ／／ＥＮ＂＂ｈｔｔｐ：／／ｗｗｗ．ｗ３．ｏｒｇ／ＴＲ／ｘｈｔｍｌ１／ＤＴＤ／ｘｈｔｍｌ１－ｔｒａｎｓｉｔｉｏｎａｌ．ｄｔｄ＂＞２．设定一个命名空间（Ｎａｍｅｓｐａｅｅ）。

直接在ＤＯＣＴＹＰＥ声明后面添加如下代码：＜ｈｔｍｌｘｍｌｎｓ＝＂ｈｔｔｐ：／／ｗｗｗ．ｗ３．ｏｒｇ／１９９９／ｘｈｔｍｌ＂＞３．声明编码语言。

为了代码被浏览器正确解释和通过标识校验，所有的ＸＨＴＭＬ文档都必须声明它们所使用的编码语言。

代码如下：＜ｍｅｔａｈｔｔｐ－ｅｑｕｉｖ＝＂Ｃｏｎｔｅｎｔ－Ｔｙｐｅ＂ｃｏｎ－ｔｅｎｔ＝＂ｔｅｘｔ／ｈｔｍｌ；ｃｈａｒｓｅｔ＝ｇｂ２３１２＂／＞这里声明的编码语言是简体中文ＧＢ２３１２。

４．用小写字母书写所有的标签。

ＸＨＴＭＬ是大小写有区别的，所有的ＸＨＴＭＬ元素和属性的名字都必须使用小写。

５．为图片添加ａｌｔ属性。

ａｌｔ属性指定了当图片不能显示的时候就显示供替换文本。

只有添加了ａｌｔ属性，代码才会被Ｗ３Ｃ正确性校验通过。

６．给所有属性值加引号。

在ＨＴＭＬ中，你可以不需要给属性值加引号，但是在ＸＨＴＭＬ中，它们必须被加引号。

７．关闭所有的标签。

在ＸＨＴＭＬ中，不能有没有关闭的空元素存在于代码中，单标签也必须关闭，如＜ｂｒ／＞、＜ｉｍｇ／＞。

（四）采用ＤＩＶ＋ＣＳＳ的方法进行页面布局传统的ＨＴＭＬ代码中，页面布局是通过表格来实现的，设计时为了实现页面布局效果，往往会使用大量的表格或嵌套表格。

由此，一个ＨＴＭＬ文档的内部结构将变得非常混乱，大量为了控制页面元素位置而设置的表格充斥着文档，页面字节数直线攀升，同时页面内容和表现也混杂在一起。

Ｗｅｂ标准的出现将让＜ｔａｂｌｅ＞标签回归其本身的语义而不再将其用于页面布局，页面布局使用ＤＩＶ＋ＣＳＳ的方法来实现。

六、结语通过在教学中为学生讲授上述这些ｗｅｂ标准的核心思想及基本技术，一方面可以让学生建立起用ｗｅｂ标准进行网站开发的思想，使他们掌握了有关ｗｅｂ标准的基本概念及使用方法，为今后进一步的深入学习及应用打下了良好的基础。

另一方面，也将ｗｅｂ标准的概念传播给了更多的人，对推动ｗｅｂ标准在我国的应用起到了积极的作用。

因此，将ｗｅｂ标准纳入教学实践是网页设计课在今后的发展方向。