网站重构：应用Web标准进行设计译者序

时间：2023-02-18 07:54:01 | 来源：营销百科

时间：2023-02-18 07:54:01 来源：营销百科

网站重构：应用Web标准进行设计译者序：一本好书，不仅仅带来知识，更重要的是传达一种理念、一种思想，引起我们更多的思考。《网站重构》无疑就是这样一本好书。它的出版犹如一声春雷打破了网页设计行业的沉寂，传统技术方式受到挑战并逐步被淘汰，Web标准技术成为行业新的标准和开发指南。

n如果说六年前，本书第1版出版时，我们还需要大声呼喊，我们要重视和推广Web标准理念。那么六年后，当本书即将出版第3版的时候，Web标准已经成为网页设计行业的共识，成为Web开发通用的技术标准，成为网页设计师入门的基础知识。

n关于作者

n作者Jeffrey Zeldman 是老牌的网页设计师，也是Web标准技术的扞卫者和'传教士'。他在1998年创立的Web标准组曾经帮助Netscape公司和微软公司结束了浏览器私有技术之战；他的工作小组长期帮助和推进浏览器（例如IE5、IE7等版本）对Web标准的支持。本书自2004年第1版出版以来已经被翻译为 15种语言，成为成千上万网页设计师学习网页技术的重要指南书籍。由于Jeffrey Zeldman对Web标准技术的长期推广和坚持，被《商业周刊》誉为'Web标准国王'。

n这是一本什么样的书

n这是一本介绍Web标准的书籍。它是具有'里程碑'意义的书，已经在Web发展过程中开创一个崭新的时代！

n它的'里程碑'意义对于中国的网站项目开发者和网页设计师来说尤为深刻。在本书出版之前，中国几乎所有的网页开发都采用表格布局法，《网站重构》出版后，以'CSS布局'为典型代表的Web标准技术逐步为大家接受，直到今天被广泛采用。Web标准技术不仅仅是一种技术的进步和更替，更重要的是它的这种思想和理念，深深影响了这一代网页设计师，让我们开始学会思考，在'漂亮'的页面背后，我们长期忽略并应该关注的东西，包括：网站的成本、易用性、可维护性、SEO以及可访问性。

n《网站重构:应用Web标准进行设计》的第1部分介绍了Web标准思想的产生、发展和推广，让我们了解采用Web标准的好处；书的第2部分结合实例，从技术细节上讲解了如何采用Web标准技术进行网页开发。通过阅读本书，你可以了解：

n什么是Web标准？

nWeb标准有什么好处？

n如何采用Web标准技术进行网页设计和开发？

n适合什么样的人看

n这本书适合的读者是：所有的网站设计师、开发者和网站管理者。

n不论你是这一行业的新手还是资深人士，阅读本书都将让你获益匪浅。管理者可以了解如何降低网站成本，如何获得更多用户；设计师可以领悟到'表现和结构相分离'的真谛，用CSS自由地控制布局；开发者可以掌握如何降低维护成本，如何重用内容，如何延长网站的寿命。

n对于已经了解和熟悉Web标准的开发者来说，本书第3版增加了更多实用的内容：

nWeb标准技术的最新发展动态和方向；

n最新技术的介绍（包括HTML5、CSS3和网页字体），以及这些技术将对网站产生怎样的影响；

n更多的实例应用和技术解决方案。

n译者感言

n从本书第1版出版到现在已经六年了，从Web标准'零'概念到目前行业内的普遍运用，不得不说是一个令人惊喜的变化。中国的网页设计师、开发者、管理者跟上了这一轮的技术变革。Web标准在快速发展，虽然Web标准的思想核心依然是网站可用性，但随着更新的设备出现和技术的发展，许多老的Web标准开始淘汰，许多新的规范开始酝酿和发展，例如HTML5、CSS3等。学无止境，我们的设计师和开发者依然须要迎头赶上。

n↓展开全部内容

n前言回到顶部↑

n当我和同事们在1998年创建The Web Standards Project（网页标准计划小组，WaSP）的时候，我们并不知道有效的（valid）、语义化的标记（semantic markup）会让你的网站内容更容易被Google发现。是的，它确实有这个效果，但在Google出现之前，那并不是我们关注Web标准的原因。20世纪90年代，一个网页设计高手的定义是：能够用5套代码方案为他的客户设计网站，让它在以下浏览器中都能正确显示：Netscape 3、Netscape 4、IE3、IE4以及其他非主流浏览器。

n如果还希望你的网站能在Netscape和微软的IE3、IE4浏览器里实现一些其他功能，那么你将不得不在同一个页面里使用两种不兼容的脚本语言，每种语言又有两个版本，总计四种不兼容的脚本语言。这些代码又混杂在使用复杂的表格布局（table layouts）的HTML代码里，结果就是：页面上至少多了60%不必要的代码。当网站改版，重新设计，或者需要调整你的网站内容时，你会发现除了更高的成本之外，修改也非常困难，因为内容和布局完全混杂在一起。

n图1 对于站点拥有者来说，遵循Web标准的一个巨大

n好处是：他的站点内容更容易被用户和搜索引擎找

n到

n对于我们这些WaSP发起人来说，所有浏览器的私有代码都会严重威胁到Web发展。它导致每个网站至少浪费25%的开发时间，从而成本提高至少25%。而且，如果在1998年设计一个简单网站就需要写5套代码，那么未来的网页设计会变成什么样子？如果浏览器厂商为了竞争，故意推出不兼容的私有代码，那么我们这场自从印刷术发明以来最激动人心的出版和通信技术进步会不会倒退？10年以后，我们是不是制作一个简单网站，就需要花费12倍的成本，写12套代码才能实现？

nWeb标准——语义（X）HTML标记、CSS布局、基于JavaScript的不冲突脚本编程和DOM，是以上所有问题的解决方案。而且，一直以来，WaSP和其他组织对标准的倡导，最终说服了那些浏览器厂商支持标准，以及更多的专业人士来使用标准。

n使用Web标准进行设计的好处（如图1所示），将在本书第1部分详细解释，它们包括如下内容。

n恰当的语义化标记将使你的网站内容更容易被用户和搜索引擎找到。只要将代码从无语义的表格布局转换成结构良好的语义标记，网站就可以提高在搜索引擎结果列表中的位置，提升它们的Alexa排名，并提高其他可发现性（Findability）的指标。（可发现性，是标准化的重要指标，以衡量搜索引擎优化（SEO）带来的好处。）

n将网站的表现从结构和行为中剥离出来，使你的开发和测试更加容易，也更加便利，可以降低你的总预算，或者让你在网站可用性和内容开发方面的现金投入更宽裕。

n将网站的表现从结构和行为中剥离出来，使你的网站更轻量级，从而提高性能。

n将网站的表现从结构和行为中剥离出来，使用适当的有语义的标记，使你的网站更容易被各种浏览器和不同设备访问，包括移动设备和给残疾人士使用的浏览工具，例如屏幕阅读器和其他输入替代设备。使用Web标准设计网站同样有利于提供手机版本，如果你希望推出网站的手机版本，采用标准会使它变得更容易。而且在某些情况下可能根本就不需要推出手机版本，当然这也取决于你的网站内容。

n使用Web标准而不是浏览器私有的代码设计网站，更加适应未来的发展。如果你的网站正确采用HTML 4.01或者XHTML 1.0，并用CSS2布局，将得到各种浏览器的永久支持，即使HTML5、CSS3或者其他新的规范已经确定下来，甚至它们得到将来新的浏览器的出色支持，你采用现在的Web标准制作的网站仍将完美工作。而非标准的网站则没这么幸运，在好一点的情况下，它们会出现混乱，不好的话，网站将停止工作。

n本书前两个版本已经翻译成15种语言，从保加利亚到韩国，基于标准的设计概念和方法已经被广泛地介绍给世界上成千上万的设计师和开发者，以及他们的客户。自从本书2003年开始销售以来，几乎所有承包商或自行开发的公司都已经有了至少一位Web标准的拥护者。这个行业在不断发展，不再只是那些领先的设计师们拥抱Web标准了，也不再只有那些前卫的承包商宣称自己在基于标准的设计方面很专业了。

n而当本书的第3版面世的时候，Web标准已经成为了设计主流，设计师和开发者开始争论CSS3，甚至不少人已经开始尝试微格式（microformats）和HTML5；符合Web标准现已成为包括苹果、Google、Opera、Adobe、微软等公司以及开源社区的软件必备项目。

n这个版本经过了大幅度修订和重写，并重新组成了以下两个部分。

n书的第1部分解释了传统的设计方法带来的问题以及Web标准如何解决这些问题。同时也提供了充足的论据给那些需要'推销'基于标准设计方案给那些仍然对标准持怀疑态度的客户、同事和老板的人。我们继续探查不断扩展的Web标准体系，展示新老标准是如何将整个网络变成一个动态的、有着众多的应用和高可访问性、可发现性（以及漂亮的外观）的内容平台。在第一部分的结尾我们展望一下Web的未来。

n书的第2部分为读者介绍了XHTML、HTML5和CSS，以及（更重要的）结构化，语义化的标记原则；简洁的、健壮的、优化的CSS布局，以及不冲突的脚本编程（unobtrusive scripting）。之后是侧边栏在布局和易用性上的重要性。在第2部分结尾，我们将深入一些网站设计项目去揭示它们关于标准的秘密。

n我很感激我的新合着作者Ethan Marcotte、我们的编辑Erin Kissane，以及技术编辑Aaron Gustafson，没有比这更好的团队了。如果这是一本好书，那么就感谢这些伙计吧。

n第一次接触Web标准的新朋友，欢迎你们！还有那些早已经和我们共渡旅程的老朋友，欢迎你们回来！