从Web标准看企业网站构建

【摘要】随着经济全球化和电子商务经济的到来，对企业信息化建设提出了更高的要求，许多企业建立了企业网站并开展电子商务。企业网站是企业形象的名片，企业必须重视这张名片的设计，文章在分析Web标准的基础上，探讨了符合Web标准的企业网站的改进方向。

【关键词】Web标准；电子商务；企业网站

Web标准于1998年在W3C（World Wide Web Consortium）的组织下开始建立，并在网站标准组织的督促下执行推广。目前国内还没有对网站的标准化提出强制实施的方案，但是Web标准化将成为网站建设的必然趋势。Web标准可以为网站的拥有者节省时间与金钱，还可以为网站的浏览者提供更好的体验。新浪、网易、腾讯、搜狐、凤凰网等各大门户网站已经完成了趋向Web标准的网站重构，很多大学的网站也已经进行了Web标准化的网站重建。随着经济全球化和电子商务经济的到来，许多企业建立了自己的网站并开展电子商务，企业网站是企业在互联网上进行网络建设和形象宣传的平台，相当于一个企业的网络名片，不但对企业的形象是一个良好的宣传，同时可以辅助企业的销售，甚至可以通过网络直接帮助企业实现产品的销售，企业可以利用网站来进行宣传、产品资讯、招聘等等。企业网站可以展现公司形象，加强客户服务，完善网络业务，还可以与潜在客户建立商业联系。但从目前的企业网站来看，大多数还不符合Web标准，企业网站的标准化建设任重道远。

1.Web标准的定义

Web标准不是某一个标准，而是W3C和ECMA（European Computer Manufacturers Association）制定的一系列的技术规范，目前主要包括XHTML、XML、CSS、DOM和ECMA JavaScript等。按这些规范制作的网页，符合XML格式规范，内容与表现相分离，将使你的页面数据在以后可以被分享、交换和重用。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMA JavaScript等。

2.企业网站选择Web标准的意义

建立符合Web标准的企业网站，对于企业来说是十分必要的。网站的建设不是一次性工程，需要不断的修改完善和维护。符合Web标准的企业网站可以使企业网站拥有更少的代码和组件，容易维护。通过对样式代码的重用，整个网站的文件量可以成倍地减少，从而减低了服务器带宽成本。特别是对于大型的企业网站，网页的数量越大，意味着重用代码数量越多，从而使得同一时间内服务器上的数据访问量得到大幅度降低，这样便降低了带宽使用率，使网页的下载速度更快。符合Web标准的企业网站，更容易被搜寻引擎搜索到，使更多的客户找到你的网站。符合Web标准的企业网站，使企业网站的易用性提高，内容能被更广泛的设备所访问。比如针对掌上电脑或者是其他终端，只需替换一个样式设计文件即可在另一设备上拥有不同的样式表现，以适应不同设备的屏幕需求。

3.实现符合Web标准的企业网站

结构与表现分离技术是Web标准的核心，它也成为我们检验一个网站是否符合Web标准的首要条件。网站结构与表现分离程度通过分析源代码进行，代码质量通过W3C提供的在线校验服务进行标记校验（校验地址：validator.省略/）和CSS校验（校验地址：jigsaw.省略/css-validator/）。W3C校验仅仅是帮助你检查XHTML代码的书写是否规范，CSS的属性是否都在CSS规范内。代码的标准化仅仅是第一步，不是说通过的校验，我的网页就标准化了。我们的目的是为了使自己的网页设计工作更有效率，为了缩小网页尺寸，为了能够在任何浏览器和网络设备中正常浏览。

3.1 实现页面结构内容与表现的分离

传统采用表格布局，利用层层嵌套的表格实现较复杂的版式布局，代码量庞大，从而使得浏览器下载及解析速度变慢，可读性差，设计、维护工作量增大，带宽成本大增等诸多问题。使用符合Web标准的分离技术后，代码简介、结构清晰，代码量减少。这将在一定程度上提高网页的打开速度，节省带宽成本，尤其对于访问量大的企业网站效果将更加显著。从企业网站的后期维护考虑，采用分离技术大大减低了代码重复率，从而使得修改更加方便。采用页面结构内容与表现分离技术时，必须进行思维转换，我们要反对用div嵌套取代table的嵌套，这没有任何意义，不能体现内容的结构化。当你抽掉CSS文件，剩下的就是干净的内容。这样才能在文本浏览器中阅读，才能在手机、PDA中阅读，才能随时修改CSS实现改版。

在Web标准化网站建设中首先要使用XHTML中结构语义化的标签建立结构文档，在结构中使用XHTML中内容语义化的标签描述内容，然后再用CSS去实现XHTML中需要的表现。在建立结构化文档时，一定要注重标签的语义性。一个XHTML元素的存在就意味被标记内容的那部分有相应的结构化的意义，只有真正语义化的文档才会使文档中的不同部分对于任何浏览器都变得有意义，才具有更强的兼容性和信息跨平台可用性。

3.2 改善代码质量

改善代码质量主要是指依照XHTML标准，对代码进行规范。其中包括：用小写字母书写所有的标签，为图片添加alt属性，给所有属性值加引号，关闭所有标签等等。以上改善比较简单，一般只要按要求进行修改即可。通过以上改善可以解决W3C校验时常出现的一些问题，同时规范文档代码，逐步实现向Web标准化文档的过渡。

3.3 提高可访问性

网站的可访问性也是进行改善的方向。Web标准有着更广泛的概念，其中Accessibility也是一项核心内容。网站标准中对于可访问性的要求：（1）所有的描述性图片都用了alt属性来提供文字信息吗？（2）字体使用了相对单位而不是绝对单位吗？（3）如果字体增大，会不会有些排版方面的错误出现？（4）是否使用了弹出式菜单？（5）表单是否具有亲和力？（6）表格是否具有亲和力？（7）配色的亮度和对比度足够吗？（8）是否只用颜色来区分重要的信息？（9）弹出式菜单是否有一个延迟的响应？（为一些反映不那么敏捷的人士考虑）（10）是否所有的链接都具有描述性？（为盲人考虑）（11）新旧浏览器都能接受这个站点吗？（12）如果完全清除CSS的话，站点还具有亲和力吗？（13）如果所有图像都关闭的话，站点还具有亲和力吗？（14）在Lynx等文本的浏览器下是否可读？（15）打印出来是否可读？（16）掌上设备中是否可读？（17）站点是否包含了详细的元数据？（18）在不同的浏览器窗口大小下站点是否正常？从上述要求看，网站要达到Accessibility从技术层面上来说难度不大，重点是进行思维的转变，就是企业网站开发者要从客户的角度出发，处处为客户考虑，不断提升客户的浏览体验。

在经济全球化的今天，网络已经成为促进企业发展、推进经济建设的重要力量，企业网站的建设对于企业在激烈竞争中获取优势地位起着越来越重要的作用，精心打造企业门户网站这个窗口，有利于企业实现可持续发展。我们应当提高对企业网站建设的重视程度，进一步增强企业网站的易用性及可访问性，提高网站内容在不同设备之间的兼容性，充分发挥企业网站的重要作用。

参考文献：

[1]李超.CSS网站布局实录――基于Web标准的网站设计指南[M].北京:科学出版社,2007.

[2]魏宗秀.用DIV与CSS设计易于改版的WEB信息网页[J].淮北煤炭师范学院学报(自然科学版),2006(03).

[3]朱印宏.DIV+CSS网站布局从入门到精通[M].北京:石油工业出版社,2011.

[4]余平.CSS在网页制作中的应用[J].甘肃科技纵横,2006(04).

作者简介：康亚娟（1982－），女，安康学院电子与信息工程系助教，主要研究：网站开发、数据挖掘。