网站重构：应用Web标准进行设计（第2版）
点击看大图基本信息
编辑推荐
Web标准组织创始人Zeldman力作全新登陆中国...
内容简介回到顶部↑
畅销书作者、网页设计师、web标准的“传教士”jeffrey zeldman已经对他震撼业界的经典书籍《网站重构——应用web标准进行设计（第1版）》进行了升级更新。新版（现在原版书是全彩的）增加了在第1版出版之后各浏览器的发展动态以及为适应标准化设计所做的最新改进。
第2版与第1版保持同样的写作风格，作者用幽默诙谐语言，把复杂的事情讲得简单明了，引人入胜。书的核心依然是指导我们如何建立一个显示的速度更快、能访问的用户更多、设计和维护成本更低的网站。
jeffrey zeldman用他敏锐的分析来帮助我们了解web标准如何促进搜索引擎变得更友好，以及web 2.o的应用给网络媒体带来的新的活力。读者也将从本书学习到最新的、兼容多浏览器的css布局技术，学习到使web内容有更好的易用性（accessible）的方法并将从中获益匪浅。
第2版与第1版保持同样的写作风格，作者用幽默诙谐语言，把复杂的事情讲得简单明了，引人入胜。书的核心依然是指导我们如何建立一个显示的速度更快、能访问的用户更多、设计和维护成本更低的网站。
jeffrey zeldman用他敏锐的分析来帮助我们了解web标准如何促进搜索引擎变得更友好，以及web 2.o的应用给网络媒体带来的新的活力。读者也将从本书学习到最新的、兼容多浏览器的css布局技术，学习到使web内容有更好的易用性（accessible）的方法并将从中获益匪浅。
作译者回到顶部↑
本书提供作译者介绍
Jeffrey Zeldman是最早一批Web设计师之一，之前他曾担任艺术总监和广告文案撰稿人。1995年，他开始建立最有影响力的个人站点（www.zeldman.com）撰写Web设计方面理论的经验教程，该网站拥有广泛的读者。
1998年，他牵头创建了Web标准推广组织“The Web Standards Project”（www.webstandards.org）。这是一个民间自发的组织，主要目的是说服Microsoft和Netscape在他们开发的浏览器中支持相同的技术。同年，他为“网站建设者”们建立了“A List Apart”（www.alistapart.com），成为当时业界最有.. << 查看详细
1998年，他牵头创建了Web标准推广组织“The Web Standards Project”（www.webstandards.org）。这是一个民间自发的组织，主要目的是说服Microsoft和Netscape在他们开发的浏览器中支持相同的技术。同年，他为“网站建设者”们建立了“A List Apart”（www.alistapart.com），成为当时业界最有.. << 查看详细
目录回到顶部↑
引言
第1部分 休斯顿，我们遇到麻烦了在
开始之前
费用上升，效益下降
终止网站淘汰的怪圈
什么是向后兼容
没有规则，没有教条
实践，不是理论
这样的转变真的必需吗
第1章 99.9%的网站都是过时的
1.1 现代浏览器和web标准新版本中的新代码
1.2 “多浏览器版本”问题
1.3 向前兼容的代价
1.3.1 过时的标记：网站所有者的成本
1.3.2 向前兼容
1.3.3 屏蔽用户对商务不利
1.3.4 愚蠢之路
1.4 垃圾代码
1.5 治疗
第2章 根据标准设计和制作
第1部分 休斯顿，我们遇到麻烦了在
开始之前
费用上升，效益下降
终止网站淘汰的怪圈
什么是向后兼容
没有规则，没有教条
实践，不是理论
这样的转变真的必需吗
第1章 99.9%的网站都是过时的
1.1 现代浏览器和web标准新版本中的新代码
1.2 “多浏览器版本”问题
1.3 向前兼容的代价
1.3.1 过时的标记：网站所有者的成本
1.3.2 向前兼容
1.3.3 屏蔽用户对商务不利
1.3.4 愚蠢之路
1.4 垃圾代码
1.5 治疗
第2章 根据标准设计和制作
译者序回到顶部↑
距离《网站重构——应用Web标准进行设计（第1版）》的出版，已经两年了。.
现在，越来越多的网页设计师熟悉并使用Web标准来构建网站，越来越多的企业领导者们也意识到Web标准带来的好处（大的门户网站，以及企业公司网站也采用了Web标准来构建），用Web标准构建的网站更是如雨后春笋般，比比皆是。
同时，很多网页设计师正在通过论坛或者博客等方式自发地组织讨论着关于Web标准的知识和分享交流Web标准设计的经验。因此，我们很欣慰地看到，用Web标准构建网站已经成为当今网页设计这个行业的潮流和方向。
我们在《网站重构——应用Web标准进行设计（第1版）》的翻译过程中，浏览器业发生了不少的变化；出版以后，我们也收到了许多设计师及读者们的批评意见和建议。而通过翻译这本书，我们也结识了许许多多的网页设计师，在这两年里一起交流学习，共同成长，获益匪浅。作为本书的译者，在这里衷心地感谢所有《网站重构——应用Web标准进行设计（第1版）》的读者们，谢谢你们对本书的关注，谢谢你们对Web标准的关注。..
IT行业技术更新很快，作为本书的作者Jeffrey Zeldman先生，在第1版的基础上，及时地更正了一些落后的资讯，并且补充了一些最新的有关Web标准的信息，出版了“Designing with Web Standards”第2版，我们也重新翻译了《网站重构——应用Web标准进行设计》的第2版，希望能让国内的网页设计师及时获得并了解到国外最新的Web标准方面的信息。
总之，我们希望《网站重构——应用Web标准进行设计（第2版）》的翻译和出版能给目前日益普及的Web标准设计再添一把力，让更多的设计师来使用Web标准设计构建网站，让更多符合Web标准的网站涌现。
再次衷心地感谢所有关注《网站重构——应用Web标准进行设计》这本书的读者们！
译者
2007年12月于北京...
现在，越来越多的网页设计师熟悉并使用Web标准来构建网站，越来越多的企业领导者们也意识到Web标准带来的好处（大的门户网站，以及企业公司网站也采用了Web标准来构建），用Web标准构建的网站更是如雨后春笋般，比比皆是。
同时，很多网页设计师正在通过论坛或者博客等方式自发地组织讨论着关于Web标准的知识和分享交流Web标准设计的经验。因此，我们很欣慰地看到，用Web标准构建网站已经成为当今网页设计这个行业的潮流和方向。
我们在《网站重构——应用Web标准进行设计（第1版）》的翻译过程中，浏览器业发生了不少的变化；出版以后，我们也收到了许多设计师及读者们的批评意见和建议。而通过翻译这本书，我们也结识了许许多多的网页设计师，在这两年里一起交流学习，共同成长，获益匪浅。作为本书的译者，在这里衷心地感谢所有《网站重构——应用Web标准进行设计（第1版）》的读者们，谢谢你们对本书的关注，谢谢你们对Web标准的关注。..
IT行业技术更新很快，作为本书的作者Jeffrey Zeldman先生，在第1版的基础上，及时地更正了一些落后的资讯，并且补充了一些最新的有关Web标准的信息，出版了“Designing with Web Standards”第2版，我们也重新翻译了《网站重构——应用Web标准进行设计》的第2版，希望能让国内的网页设计师及时获得并了解到国外最新的Web标准方面的信息。
总之，我们希望《网站重构——应用Web标准进行设计（第2版）》的翻译和出版能给目前日益普及的Web标准设计再添一把力，让更多的设计师来使用Web标准设计构建网站，让更多符合Web标准的网站涌现。
再次衷心地感谢所有关注《网站重构——应用Web标准进行设计》这本书的读者们！
译者
2007年12月于北京...
媒体评论回到顶部↑
“Jeffrey和他的Web标准已经使得曾经的夙敌——'漂亮、易用性和可访问性'在一个站点内很好地结合体现成为可能。”
——Louis Rosenfeld(罗森菲尔德),出版人
Rosenfeld Media公司
“偶然(非常偶然)，你遇到一位能让你思考的作者。'这家伙太聪明了，他让我感觉到自己也变得聪明了，因为我现在终于理解了这个概念。'”
——Steve Krug. author of Don't Make Me Think
《中文版：点石成金：访客至上的网页设计秘笈》的作者
“Zeldman用一种特有方法来解释复杂的技术，设计师不仅仅能理解，实际上还很兴奋，如果你认真对待网页设计，你需要这本书。”
——Hillman Curtis,autor. MTI:process,Inspiration and Practice for the New Media Designer and Hillman Curtis on Creating Short Films for the Web
《柯蒂斯论网络电影短片制作》的作者
“Jeffrey Zeldman 在Web设计界扮演着'精神领袖'或者'上帝'的角色，他用聪明而风趣的方法告诉大家什么是Web标准，标准是如何工作的，为什么我们需要关注。”
——Kelly Goto,author.Web ReDesign 2.0:Workflow that Works
《网站重建2.0:工作流程》的作者
——Louis Rosenfeld(罗森菲尔德),出版人
Rosenfeld Media公司
“偶然(非常偶然)，你遇到一位能让你思考的作者。'这家伙太聪明了，他让我感觉到自己也变得聪明了，因为我现在终于理解了这个概念。'”
——Steve Krug. author of Don't Make Me Think
《中文版：点石成金：访客至上的网页设计秘笈》的作者
“Zeldman用一种特有方法来解释复杂的技术，设计师不仅仅能理解，实际上还很兴奋，如果你认真对待网页设计，你需要这本书。”
——Hillman Curtis,autor. MTI:process,Inspiration and Practice for the New Media Designer and Hillman Curtis on Creating Short Films for the Web
《柯蒂斯论网络电影短片制作》的作者
“Jeffrey Zeldman 在Web设计界扮演着'精神领袖'或者'上帝'的角色，他用聪明而风趣的方法告诉大家什么是Web标准，标准是如何工作的，为什么我们需要关注。”
——Kelly Goto,author.Web ReDesign 2.0:Workflow that Works
《网站重建2.0:工作流程》的作者
书摘回到顶部↑
第1部分休斯顿，我们遇到麻烦了
在开始之前
本书是为那些希望自己的网站成本变得更低，运行得更好，访问者更多的网页设计师、开发者、网站所有者及管理者写的。如果你希望自己的网站不仅仅能适应目前的浏览器、屏幕阅读器和无线设备，也能适应明天的、明年的甚至更长远的新设备，那么本书正是你所需要的。
由于技术的快速发展，大部分网站已经不可避免地经历了几轮淘汰。每当浏览器升级或者新的网络设备和技术出现时，刚建成（或者刚支付了建设费用）的网站看起来就已经过时了。
我们建立网站的目的似乎就是为了再次升级。通常情况下，改版升级并没有增加客户需要的功能或者提高网站的可用性，仅仅是为了跟上新的浏览器和设备，并且预算一定会超出我们的计划和开发周期。
即使偶尔有一个新浏览器或设备的出现没有影响我们网站的情况，但我们采用的“向前兼容”技术（让站点在所有的浏览器版本中的外观和行为均一样）也会迫使我们花费大量人力和财力。“这些是在Web上做生意必须付出的代价”——我们已经习惯这样，甚至成了标准。但是这样的成本是大多数人不能长期承受的。
费用上升，效益下降
复杂的代码、层层嵌套的表格、[font]标签，以及其他的冗余代码使简单的页面打开需要两至三倍的带宽。访问者花钱上网并不是为了无休止地等待页面打开，除了少数有毅力和耐心的客户能等到所有页面打开，大多数人早已因厌倦而离开，这样的网站是难以让人去访问的。
我们托管或者租用服务器也都是有费用的，如果打开一个原本只需要20KB就可以满足需求的页面，现在却要耗费60KB的带宽——那我们就不得不为这浪费的40KB带宽向ISP支付更多费用（或者增加我们的IT预算）。我们的网站访问者越多，所需的成本就越高。为了应付一些特别的前端设计，我们的数据库需要支持更多的查询，费用进一步增加。最终，我们不得不购买或者租用更多的服务器来满足服务需求；但费用增加不是因为访问者增加，而是因为臃肿冗余的标记和代码。
网站开发过程中，我们聘用的程序员都是按小时计价的（注：国外计费方式），“六版本”方法（针对不同版本浏览器写六种不同页面以保证页面表现效果一致）使成本非常高，甚至花光我们所有的钱。如果这时侯，又有新的浏览器版本或无线设备出现，而我们却没有更多的钱来升级代码以适应新浏览器新设备了，那么我们就只能等着被淘汰。
许多人都曾经遇到过这样吃惊的体验：用新浏览器访问一个网站时，被告知浏览该网站需要一个“更新”版本的浏览器，其实这个“更新”版本的浏览器比我们正在使用的版本要老很多。实际原因通常是：那个网站并不愚蠢，也不是不顾及别人，只是用尽了他们的预算，没有更多的钱去继续维护这个网站，这个网站已经被淘汰、被放弃了。
在另外一些例子中，问题并不是缺少资金，而是缺乏知识，或是投资被误导。Connected Earth，这个口号为“How communication shapes the world”的公司，据报道最近花费了100万英镑（约合180万美元）重新设计了网站。尽管在开发上投入了庞大的资金，但这个网站居然不支持目前多数主流的浏览器，网站拒绝Mozilla（如图l所示）、Netscape 6/7及Opera（如图2所示）浏览器的访问，同时也不支持所有非Windows操作系统的浏览器。而Macintosh的浏览器（包括Mac IE）的用户就更不幸了。
……
在开始之前
本书是为那些希望自己的网站成本变得更低，运行得更好，访问者更多的网页设计师、开发者、网站所有者及管理者写的。如果你希望自己的网站不仅仅能适应目前的浏览器、屏幕阅读器和无线设备，也能适应明天的、明年的甚至更长远的新设备，那么本书正是你所需要的。
由于技术的快速发展，大部分网站已经不可避免地经历了几轮淘汰。每当浏览器升级或者新的网络设备和技术出现时，刚建成（或者刚支付了建设费用）的网站看起来就已经过时了。
我们建立网站的目的似乎就是为了再次升级。通常情况下，改版升级并没有增加客户需要的功能或者提高网站的可用性，仅仅是为了跟上新的浏览器和设备，并且预算一定会超出我们的计划和开发周期。
即使偶尔有一个新浏览器或设备的出现没有影响我们网站的情况，但我们采用的“向前兼容”技术（让站点在所有的浏览器版本中的外观和行为均一样）也会迫使我们花费大量人力和财力。“这些是在Web上做生意必须付出的代价”——我们已经习惯这样，甚至成了标准。但是这样的成本是大多数人不能长期承受的。
费用上升，效益下降
复杂的代码、层层嵌套的表格、[font]标签，以及其他的冗余代码使简单的页面打开需要两至三倍的带宽。访问者花钱上网并不是为了无休止地等待页面打开，除了少数有毅力和耐心的客户能等到所有页面打开，大多数人早已因厌倦而离开，这样的网站是难以让人去访问的。
我们托管或者租用服务器也都是有费用的，如果打开一个原本只需要20KB就可以满足需求的页面，现在却要耗费60KB的带宽——那我们就不得不为这浪费的40KB带宽向ISP支付更多费用（或者增加我们的IT预算）。我们的网站访问者越多，所需的成本就越高。为了应付一些特别的前端设计，我们的数据库需要支持更多的查询，费用进一步增加。最终，我们不得不购买或者租用更多的服务器来满足服务需求；但费用增加不是因为访问者增加，而是因为臃肿冗余的标记和代码。
网站开发过程中，我们聘用的程序员都是按小时计价的（注：国外计费方式），“六版本”方法（针对不同版本浏览器写六种不同页面以保证页面表现效果一致）使成本非常高，甚至花光我们所有的钱。如果这时侯，又有新的浏览器版本或无线设备出现，而我们却没有更多的钱来升级代码以适应新浏览器新设备了，那么我们就只能等着被淘汰。
许多人都曾经遇到过这样吃惊的体验：用新浏览器访问一个网站时，被告知浏览该网站需要一个“更新”版本的浏览器，其实这个“更新”版本的浏览器比我们正在使用的版本要老很多。实际原因通常是：那个网站并不愚蠢，也不是不顾及别人，只是用尽了他们的预算，没有更多的钱去继续维护这个网站，这个网站已经被淘汰、被放弃了。
在另外一些例子中，问题并不是缺少资金，而是缺乏知识，或是投资被误导。Connected Earth，这个口号为“How communication shapes the world”的公司，据报道最近花费了100万英镑（约合180万美元）重新设计了网站。尽管在开发上投入了庞大的资金，但这个网站居然不支持目前多数主流的浏览器，网站拒绝Mozilla（如图l所示）、Netscape 6/7及Opera（如图2所示）浏览器的访问，同时也不支持所有非Windows操作系统的浏览器。而Macintosh的浏览器（包括Mac IE）的用户就更不幸了。
……
评论交流
共有10人开贴评论 10人参与评论 7人参与打分 查看
发表于：2010-3-5 1:45:00
Zeldman 在他的著作中说过：“……许多设计师和开发者都认为 Web 标准只是一个梦想，许多人甚至放弃了正确实现他们的努力。这并不难理解，理解需要多年才能形成。”在当今这个花花的 Web 世界里，没有一种浏览器是完美的，每种浏览器在使用标准和可访问性上都各有所长。
现在的互联网时代，浏览器之纷繁已经是十年前无法想象的。IE9的未知，FF3.6的革新，Chrome4.0的惊喜，Opera10的敏捷，Safari4的突破，总总上述这些都似乎不再《网站重构》这本书之中有所体现，而你从书中看到的更多还是IE5/MAC、IE6、Netscape这些“历史”符号，不要惊讶，你读的是思想，是已经形成标准的Web思想，他们随着时代的发展固然是在与时俱进，但沉淀下来的精华在某段时期内是一种稳定和固态的，是值得我们学习并且沿袭下去的。 在我看来，对于一个从事互联网应用程序开发的程序员来说，这本书在今天依然应该列为必读之物。
我之所以把“互动”第二篇评论，献给了同样讲解重构的书目：《网站重构：应用Web标准进行设计（第2版）》。正是这本书让我更加坚定的走上Web标准之路，当初通读完该著作，吾奋笔疾书结合自己对公司首页重构之路的艰辛历程，写下了洋洋洒洒数万字的博文，想来真是惊讶于该书带给我的触动之深。
请允许我将两篇博文的题目陈列于此：
1.你重构过自己的页面吗？——DOCTYPE的魔咒！（上）
博文地址:http://www.cnblogs.com/rainnoless/archive/2009/03/13/1402629.html
2.你重构过自己的页面吗？——瘦身的HTML文档和臃肿的CSS代码！（中）
博文地址:http://www.cnblogs.com/rainnoless/archive/2009/03/13/1406837.html
如果您读到该评论，请您捧个人场读读这两篇博文，博文基本上算是我对该书的部分读书笔记，呵呵。
作者Jeffrey Zeldman是Web界一个优秀的传教之士，其引领的“A List Apart”更是名声在外，是那些关注前沿的前端工程师常驻浏览之地（如果英文阅读基本无障碍的话，呵呵），如果你还不知道，那赶快去a list apart上看看那些或晦涩艰深、或通俗易懂的优秀设计师们的文字吧。
这本书的译文也不妨碍阅读，随着重印次数不断增长，很多勘误会被及时修正，所以这里我就不挑剔译者和印者的毛病了。
该书的内容值得从事Web开发的广大程序员通读数遍，Web标准之路不是一个两人或者一小群人能够踩踏出来的，需要大量的前仆后继的信徒们，在实践中融会贯通标准，成为坚持信念的布道者。
如果你还在犹豫挑选几本关于Web方面的读物，那请将《网站重构》列入你的书单吧，或许你可以去那个书店蹭实物看上几章就会心动了，呵呵。
现在的互联网时代，浏览器之纷繁已经是十年前无法想象的。IE9的未知，FF3.6的革新，Chrome4.0的惊喜，Opera10的敏捷，Safari4的突破，总总上述这些都似乎不再《网站重构》这本书之中有所体现，而你从书中看到的更多还是IE5/MAC、IE6、Netscape这些“历史”符号，不要惊讶，你读的是思想，是已经形成标准的Web思想，他们随着时代的发展固然是在与时俱进，但沉淀下来的精华在某段时期内是一种稳定和固态的，是值得我们学习并且沿袭下去的。 在我看来，对于一个从事互联网应用程序开发的程序员来说，这本书在今天依然应该列为必读之物。
我之所以把“互动”第二篇评论，献给了同样讲解重构的书目：《网站重构：应用Web标准进行设计（第2版）》。正是这本书让我更加坚定的走上Web标准之路，当初通读完该著作，吾奋笔疾书结合自己对公司首页重构之路的艰辛历程，写下了洋洋洒洒数万字的博文，想来真是惊讶于该书带给我的触动之深。
请允许我将两篇博文的题目陈列于此：
1.你重构过自己的页面吗？——DOCTYPE的魔咒！（上）
博文地址:http://www.cnblogs.com/rainnoless/archive/2009/03/13/1402629.html
2.你重构过自己的页面吗？——瘦身的HTML文档和臃肿的CSS代码！（中）
博文地址:http://www.cnblogs.com/rainnoless/archive/2009/03/13/1406837.html
如果您读到该评论，请您捧个人场读读这两篇博文，博文基本上算是我对该书的部分读书笔记，呵呵。
作者Jeffrey Zeldman是Web界一个优秀的传教之士，其引领的“A List Apart”更是名声在外，是那些关注前沿的前端工程师常驻浏览之地（如果英文阅读基本无障碍的话，呵呵），如果你还不知道，那赶快去a list apart上看看那些或晦涩艰深、或通俗易懂的优秀设计师们的文字吧。
这本书的译文也不妨碍阅读，随着重印次数不断增长，很多勘误会被及时修正，所以这里我就不挑剔译者和印者的毛病了。
该书的内容值得从事Web开发的广大程序员通读数遍，Web标准之路不是一个两人或者一小群人能够踩踏出来的，需要大量的前仆后继的信徒们，在实践中融会贯通标准，成为坚持信念的布道者。
如果你还在犹豫挑选几本关于Web方面的读物，那请将《网站重构》列入你的书单吧，或许你可以去那个书店蹭实物看上几章就会心动了，呵呵。
评价等级：
发表于：2008-7-10 16:47:00
我给5星，本书的第一版我以前购买的，我的标准之路就是从本书开始的，现在还在看到公司的美工依旧使用旧式的table方式来布局，从而疲于应付频繁的界面改动，更加感到此书的重要性。
本书内容丰富，但我认为归结起来不过几点：
1、为什么要采用标准来设计。对于其他技术性书籍只是给出某个解决方案，本书从思想上来指导你为什么要采用web标准来设计，并给出了答案，只有理解了这点，才有可能创造出令人敬佩的HTML代码。
2、采用标准设计应该遵循的原则。只有掌握了这些原则，才能在此基础上创造新的设计。
3、具体的解决方案。通过实例代码给出了解决方案。这部分在现在多如牛毛的HTML和CSS书籍中可能并不值得一提，但是同本书的立意一样，这只是给出了一个基本原则，一个基础结构，在此基础上进行创新。
本书的第2版与第1版相比添加了一些新的内容，比如第4章。与其他技术书籍相比，本书涉及的代码并不是最新的，但是其思想值得领会并理解。
与学习代码或语言相比，思想更为重要。作为一个web开发者，我强烈推荐本书。
本书内容丰富，但我认为归结起来不过几点：
1、为什么要采用标准来设计。对于其他技术性书籍只是给出某个解决方案，本书从思想上来指导你为什么要采用web标准来设计，并给出了答案，只有理解了这点，才有可能创造出令人敬佩的HTML代码。
2、采用标准设计应该遵循的原则。只有掌握了这些原则，才能在此基础上创造新的设计。
3、具体的解决方案。通过实例代码给出了解决方案。这部分在现在多如牛毛的HTML和CSS书籍中可能并不值得一提，但是同本书的立意一样，这只是给出了一个基本原则，一个基础结构，在此基础上进行创新。
本书的第2版与第1版相比添加了一些新的内容，比如第4章。与其他技术书籍相比，本书涉及的代码并不是最新的，但是其思想值得领会并理解。
与学习代码或语言相比，思想更为重要。作为一个web开发者，我强烈推荐本书。
加载中...| 我要写评论 |
| 查看所有评论交流(共10条) |
