网站设计的标准时代,网站设计,网站建设

而采用网站标准建立的网站是一个能够接受各种用户和各种设备的广泛的交流沟通工具。一般特征是：

• 语义正确的标识。即使用能够表达含义的标签。保证代码可以在文本浏览器、PDAs、搜索引擎中被正确理解。
• 正确有效的代码。通过W3C代码校验（http://validator.w3.org/）的就是正确代码。
• 对人、机都易用的代码。能够接受广泛的用户和设备的访问，
• 用CSS分离表现层和内容。使代码更简洁、下载速度更快，批量修改和定制表现形式更容易。

四．采用网站标准的好处和缺点

1．好处

对网站浏览者的好处：

• 文件下载与页面显示速度更快；
• 内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；
• 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）
• 用户能够通过样式选择定制自己的表现界面
• 所有页面都能提供适于打印的版本

对网站所有者的好处：

• 更少的代码和组件，容易维护
• 带宽要求降低（代码更简洁），成本降低。举个例子：当 ESPN.com 使用 CSS改版后，每天节约超过两兆字节（terabytes）的带宽。
• 更容易被搜寻引擎搜索到
• 改版方便，不需要变动页面内容
• 提供打印版本而不需要复制内容
• 提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。

2．缺点

• 需要花费更多时间来学习标准
• 依然需要注意浏览器的兼容问题
• 用 CSS 来实现某些表现反而比表格更为麻烦

五．怎么改善现有网站

我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程，使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进，分阶段来逐步达到完全符合网站标准的目标。如果你是新手，或者对代码不是很熟悉，也可以采用遵循标准的编辑工具，例如Dreamweaver MX 2004，它是目前支持CSS标准最完善的工具。

1．初级改善

• 为页面添加正确的DOCTYPE

很多设计师和开发者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE

是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。所以，如果你不注意设置了错误的DOCTYPE，结果会让你大吃一惊。XHTML1.0提供了三种DOCTYPE可选择：

过渡型（Transitional ）

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格型（Strict ）

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架型（Frameset ）

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

对于我们初级改善来说，只要选用过渡型的声明就可以了。它依然可以兼容你的表格布局、表现标识等，不至于让你觉得变化太大，难以掌握。

Tip:你懒得输入上面过渡型代码的话，可以访问http://www.macromedia.com/网站的首页，然后查看源代码，把head区同样的代码拷贝粘贴就可以了。