本文观点:遵循国际网站标准(Web Standards)进行网站设计和改善。
阅读对象:网站设计人员、web应用开发人员
关键字:Web Standards、XML、XHML、CSS、DOM、DOCTYPE、Accessibility
前言
网络上的变革每天都在发生,当我们觉得网站设计技术已经非常简单和熟悉的时候。国外网站设计标准化的概念早已悄悄的形成和迅速“蔓延”,自2000年起,大部分新发行的浏览器版本都开始支持网站标准。主流的网页编辑工具也开始全面支持网站标准,甚至一些软件几乎完全由XML文件组成,例如Dreamweaver MX。一些著名的大型商业网站开始采用网站标准来重新构建(例如体育资讯www.espn.com),另外一些则拒绝非标准浏览器浏览它们的网站(例如连线杂志www.wired.com)。众多的设计网站(例如:www.k10k.net) 和个人网站更是标准推广的先行者,纷纷转向采用XHTML+CSS来建立。2004年2月4日XML1.1推荐标准正式发布,标志着网站设计的标准时代已经到来。
国外网站标准的声势汹涌,但国内业界显得有些后知后觉或者毫无兴趣,让我们来看看国内三大门户网站首页对网站标准的遵循情况:
|
校验项目 |
校验目标网站 |
校验结果 |
|
代码校验(XHTML) |
www.sina.com.cn |
失败,混杂的HTML,未达到XHTML1。黄色警报:字符集错误。(定义了GB2312,但页内使用了非GB2312字符)。非标准代码43处。 |
|
www.163.com |
失败,混杂的HTML,未达到XHTML1。红色警报:未定义DOCTYPE。非标准代码41处。 | |
|
www.sohu.com |
失败,混杂的HTML,未达到XHTML1。黄色警报:字符集错误。非标准代码38处。 | |
|
CSS2校验 |
www.sina.com.cn |
25处错误。 |
|
www.163.com |
1处警告,10处错误。 | |
|
www.sohu.com |
1处警告,15处错误。 |
校验结果显示所有门户网站都没有符合网站标准,甚至连HTML4.0标准都没有遵循。举例来说:标签,早在1998年4月HTML4.0标准中就已经被W3C列为“不建议使用(deprecated)”标签。但我们的三大门户网站首页上都有不少类似的代码。这里的简单列表,目的不是批评这些网站做得不好(事实上大部分的大型商业站点都通不过W3C严格的正确性校验),有很多的原因造成这种状况,例如采用老的信息发布系统,网页设计人员的技术和意识不够等等。我们只是想说明一点:连比较规范的上市公司的网站都没有意识到遵循标准,其他规模教小的商业网站就更不用说,国内对网站标准没有足够的重视。让我们赶紧跟上新时代的步伐,一起来了解一下网站标准吧。一.为什么要建立网站标准我们大部分人都有深刻体验,每当主流浏览器版本的升级,我们刚建立的网站就可能变得过时,我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”,为了兼容Netscape和IE,网站不得不为这两种浏览器写不同的代码。同样的,每当新的网络技术和交互设备的出现,我们也需要制作一个新版本来支持这种新技术或新设备,例如支持手机上网的WAP技术。类似的问题举不胜举:网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的DHTML特效,屏蔽了部分潜在的客户;不易用的代码,残障人士无法浏览网站等等。这是一种恶性循环,是一种巨大的浪费。如何解决这些问题呢?有识之士早已开始思考,需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司(Netscape、Microsoft等)也终于认识到统一标准的好处,因此在W3C(W3C.org)的组织下,网站标准开始被建立(1998年2月10日发布XML1.0为标志),并在网站标准组织(webstandards.org)的督促下推广执行。
怎样设计首页?(解答) |
主页的艺术处理 |
定位你的网站CI形象 |
网页留白的艺术 |
网页导航设计的注意要点 |
网页布局理念 |
设计中的符号学 |
商业网站设计主要原则 |
商业Web站点设计策略 |
国际网页Web设计流程 |
公司建站完全手册――网 |
搭配的艺术--谈主页用色 |
辣得够劲—时尚酷感碰撞诱人 |
新西兰运动少女内衣Glassons |
忽略穿着尺度 让低胸装像阳光 |
2005秋冬服饰单品推荐 |
另类婚纱:穿条裤子去结婚 |
晚装 红色超凡魔力 |
韩国精美女装服装目录 |
溶入唐装风格的几款现代服装 |
初秋的性感时尚 OL也疯狂 |
2005杭州市“十佳”服装设计 |
印度2005秋冬时装展风情秀 |
诱人的绿色内衣 |