商业网站布局之道-第一张.doc

“评价一种Web开发技术优劣的标准只有一个，那就是看这种技术能否在最恰当的时间和最恰当的地点，以最恰当的方式，为最需要信息的人提供最恰当的信息服务。”（摘自2004年4月《程序员》的《Web开发技术史话》） 我很欣赏王咏刚先生的上面这段话。他说这段话的本意是就当时许多搞技术的人似乎已经忘记了Web架构的设计初衷，在自己开发的网站或Web应用中大肆堆砌各种所谓的先进技术，但最终用户能够在这些网站或应用中获得的有价值信息却寥寥无几。 在讨论Web标准布局之前，再来反思王先生的这段话，感觉CSS的发展正应了先生的观点，纵览今日中国的Web技术发展，虽然还存在不同的声音，但普及和使用Web标准及CSS技术已是一个不争的事实。 1.1 从闪客帝国网站改版说起 国内信息技术的发展似乎总慢于西方半个节拍，其他不说，但至少在CSS技术上是这样的。CSS第一个正式规范早在1996年就已经发布了，也就是说1996年W3C组织（World Wide Web Consortium，万维网联盟）正式推出了CSS 1.0版本技术标准，到了1998年CSS 2.0版本又面世了。而我们的Web设计师们在新世纪钟声之后，才慢慢嗅觉到CSS技术的先进性，并开始在网站中小心翼翼地进行尝试。 W3C组织是一个专门负责网络标准制定的非赢利组织，诸如HTML、XHTML、CSS、XML等标准就是由W3C制定的。根据W3C官方网站的介绍，W3C会员包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，W3C会员一起协同工作，致力在万维网发展方向上达成共识。关于W3C组织的更多信息，请读者访问W3C官方英文网站（），或者通过万维网联盟香港办事处（http://www.w3c.ust.hk/，成立于1998年11月，地址在香港科技大学），以及万维网联盟中国办事处（/index.htm，成立于2006年4月，地址在北京航空航天大学）获取有关W3C的中文介绍。 CSS的中国实践与普及当推《CSS权威指南》一书的引进，相信很多早期的Web设计师都看过这本书。时间大致应该锁定在2001年5月，此后，前卫的设计师们开始在网页中局部尝试CSS技术。 2004年10月闪客帝国（/）开始用Web标准对自己的网站进行重构，当时在业界产生了不小的轰动，因为这是第一个吃螃蟹的人。对于一个商业网站来说，使用未经普遍实践的技术是存在很大风险的，所幸他们很顺利的走过来。用当时网易学院采访边城浪子的话说：“网站重构是今后很多网站要面临的问题，标准化永远不会是个错误，我们知道我们早晚会走这一步。长痛不如短痛，所以，我们就下定决心了。” 闪客帝国网站于2005年完成了全部CSS布局，作为国内第一个大型应用案例，虽然在设计思想和技巧使用上不是最佳案例，但其在CSS布局应用上带来了很多宝贵经验。如图1.1所示是现在的闪客帝国网站首页第一屏截图效果。 图1.1 最近，浏览中央电视台官方网站（/），发现它的网页全部被Web标准重构了，这实在是一个惊喜，印象中的中央官方网站都是比较严肃的，对于新技术的采用向来都很谨慎。可见CSS技术在国内已经得到绝大部分网页设计师的认可和喜爱。 图1.2 左图是央视网站首页第一屏截图效果。 浏览央视网站页面，虽然还存在一些技术问题，但足见CSS技术在国内网页设计中的影响力，相信央视网站的示范性和感召力将会更进一步刺激CSS技术在国内的普及与推广。 1.2 表格布局的神话与没落 表格在网页布局中应用已经有很多年了，由于多年的技术发展和经验积累，Web设计工具功能不断增强，使表格布局在网页应用中达到登峰造极的地步。一个最典型例子就是网页设计师可以直接使用图像编辑器画图、切图，最后再由图像编辑器全自动生成表格布局的页面，像这样提供完整而又完善的一条龙服务的网页设计工具实在很多，如设计师比较熟悉的Adobe Photoshop、ImageReady和Fireworks等。这些工具的使用都很简单、学习周期短、制作速度快，而且设计的页面效果都很漂亮。如果你是一位富有艺术感的读者，相信设计出来的页面必定很吸引眼球。 传统表格布局的快速与便捷加速了网页设计师对于页面创意的激情，而忽视了代码的理性分析，甚至刚学几天的初学者都敢说出“我可以设计出最完美的网页”，表格布局就这样被神话了。 1.2.1 表格为谁而生 提出这个疑问决非偶然，一直以来我就在不断探寻和思考表格的渊源。假设我们从网页设计这个相对独立的领域跨入另一个陌生的公司财会世界，你会大悟表格的真正使命。“表格在手，一清二楚”，这是财会人员的口头禅，记得以前看过一本书介绍，说是一企业高级白领，她最大的才干就是擅长设计表格，针对不同的工作、不同的岗位，设