网站重构

出版时间：2011-3  出版社：电子工业出版社  作者：Jeffrey Zeldman,Ethan Marcotte  页数：380  译者：傅捷,祝军,李宏  
Tag标签：无  

前言

　　译者序　　一本好书，不仅仅带来知识，更重要的是传达一种理念、一种思想，引起我们更多的思考。《网站重构》无疑就是这样一本好书。它的出版犹如一声春雷打破了网页设计行业的沉寂，传统技术方式受到挑战并逐步被淘汰，Web标准技术成为行业新的标准和开发指南。　　如果说六年前，本书第1版出版时，我们还需要大声呼喊，我们要重视和推广Web标准理念。那么六年后，当本书即将出版第3版的时候，Web标准已经成为网页设计行业的共识，成为Web开发通用的技术标准，成为网页设计师入门的基础知识。　　关于作者　　作者Jeffrey Zeldman 是老牌的网页设计师，也是Web标准技术的捍卫者和“传教士”。他在1998年创立的Web标准组织（www.webstandards.org）曾经帮助Netscape公司和微软公司结束了浏览器私有技术之战；他的工作小组长期帮助和推进浏览器（例如IE5、IE7等版本）对Web标准的支持。本书自2004年第1版出版以来已经被翻译为 15种语言，成为成千上万网页设计师学习网页技术的重要指南书籍。由于Jeffrey Zeldman对Web标准技术的长期推广和坚持，被《商业周刊》誉为“Web标准国王”。　　这是一本什么样的书　　这是一本介绍Web标准的书籍。它是具有“里程碑”意义的书，已经在Web发展过程中开创一个崭新的时代！　　它的“里程碑”意义对于中国的网站项目开发者和网页设计师来说尤为深刻。在本书出版之前，中国几乎所有的网页开发都采用表格布局法，《网站重构》出版后，以“CSS布局”为典型代表的Web标准技术逐步为大家接受，直到今天被广泛采用。Web标准技术不仅仅是一种技术的进步和更替，更重要的是它的这种思想和理念，深深影响了这一代网页设计师。让我们开始学会思考，在“漂亮”的页面背后，我们长期忽略并应该关注的东西，包括：网站的成本、易用性、可维护性、SEO以及可访问性。　　本书的第1部分介绍了Web标准”思想的产生、发展和推广，让我们了解采用Web标准的好处；书的第2部分结合实例，从技术细节上讲解了如何采用Web标准技术进行网页开发。通过阅读本书，你可以了解：　　.什么是Web标准？　　.Web标准有什么好处？　　.如何采用Web标准技术进行网页设计和开发？　　适合什么样的人看　　这本书适合的读者是：所有的网站设计师、开发者和网站管理者。　　不论你是这一行业的新手还是资深人士，阅读本书都将让你获益匪浅。管理者可以了解如何降低网站成本，如何获得更多用户；设计师可以领悟到“表现和结构相分离”的真谛，用CSS自由地控制布局；开发者可以掌握如何降低维护成本，如何重用内容，如何延长网站的寿命。　　对于已经了解和熟悉Web标准的开发者来说，本书第3版增加了更多实用的内容：　　.Web标准技术的最新发展动态和方向；　　最新技术的介绍（包括HTML5、CSS3和网页字体），以及这些技术将对网站产生怎样的影响；　　更多的实例应用和技术解决方案。　　译者感言　　从本书第1版出版到现在已经六年了，从Web标准“零”概念到目前行业内的普遍运用，不得不说是一个令人惊喜的变化。中国的网页设计师、开发者、管理者跟上了这一轮的技术变革。Web标准在快速发展，虽然Web标准的思想核心依然是网站可用性，但随着更新的设备出现和技术的发展，许多老的Web标准开始淘汰，许多新的规范开始酝酿和发展，例如HTML5、CSS3等。学无止境，我们的设计师和开发者依然须要迎头赶上。　　另一方面，随着中国互联网应用的普及和发展，中国网络开发者的地位和声音也逐步得到重视，万维网联盟W3C于2006年成立了中国办事处（www.chinaw3c.org），以便促进中国企业和开发者参与标准技术的研究和制定。但这方面我们还有比较大的差距，不论是标准制定的参与还是技术研究都还处于初级阶段。国际大型互联网公司，包括微软、苹果、谷歌、Mozilla等都极力参与到标准的制定和推广中，值得国内的互联网公司重视和借鉴。　　感谢　　非常感谢电子工业出版社给我们翻译本书的机会，让我们得以见证和参与Web标准设计在中国的普及和推广过程。这一过程使我们自己获益匪浅。感谢博文视点公司总经理郭立、策划编辑孙学瑛的信任和鼓励，使得我们信心百倍地来翻译这本书，也感谢编辑许艳、顾慧芳，她们细心的工作帮我们弥补了很多细节上的漏洞。感谢许许多多给本书提出建议和意见的设计师朋友和网友。　　译者　　2010年6月于北京　　第3版前言　　当我和同事们在1998年创建The Web Standards Project（网页标准计划小组，WaSP）的时候，我们并不知道有效的（valid）、语义化的标记（semantic markup）会让你的网站内容更容易被Google发现。是的，它确实有这个效果，但在Google出现之前，那并不是我们关注Web标准的原因。20世纪90年代，一个网页设计高手的定义是：能够用5套代码方案为他的客户设计网站，让它在以下浏览器中都能正确显示：Netscape 3、Netscape 4、IE3、IE4以及其他非主流浏览器。　　如果还希望你的网站能在Netscape和微软的IE3、IE4浏览器里实现一些其他功能，那么你将不得不在同一个页面里使用两种不兼容的脚本语言，每种语言又有两个版本，总计四种不兼容的脚本语言。这些代码又混杂在使用复杂的表格布局（table layouts）的HTML代码里，结果就是：页面上至少多了60%不必要的代码。当网站改版，重新设计，或者需要调整你的网站内容时，你会发现除了更高的成本之外，修改也非常困难，因为内容和布局完全混杂在一起。　　对于我们这些WaSP发起人来说，所有浏览器的私有代码都会严重威胁到Web发展。它导致每个网站至少浪费25%的开发时间，从而成本提高至少25%。而且，如果在1998年设计一个简单网站就需要写5套代码，那么未来的网页设计会变成什么样子？如果浏览器厂商为了竞争，故意推出不兼容的私有代码，那么我们这场自从印刷术发明以来最激动人心的出版和通信技术进步会不会倒退？10年以后，我们是不是制作一个简单网站，就需要花费12倍的成本，写12套代码才能实现？　　Web标准——语义（X）HTML标记、CSS布局、基于JavaScript的不冲突脚本编程和DOM，是以上所有问题的解决方案。而且，一直以来，WaSP和其他组织对标准的倡导，最终说服了那些浏览器厂商支持标准，以及更多的专业人士来使用标准。　　使用Web标准进行设计的好处，将在本书第1部分详细解释，它们包括如下。　　恰当的语义化标记将使你的网站内容更容易被用户和搜索引擎找到。只要将代码从无语义的表格布局转换成结构良好的语义标记，网站就可以提高在　　搜索引擎结果列表中的位置，提升它们的Alexa排名，并提高其他可发现性（Findability）的指标。（可发现性，是标准化的重要指标，以衡量搜索引擎优化（SEO）带来的好处。）　　将网站的表现从结构和行为中剥离出来，使你的开发和测试更加容易，也更加便利，可以降低你的总预算，或者让你在网站可用性和内容开发方面的现金投入更宽裕。　　将网站的表现从结构和行为中剥离出来，使你的网站更轻量级，从而提高性能。　　将网站的表现从结构和行为中剥离出来，使用适当的有语义的标记，使你的网站更容易被各种浏览器和不同设备访问，包括移动设备和给残疾人士使用的浏览工具，例如屏幕阅读器和其他输入替代设备。使用Web标准设计网站同样有利于提供手机版本，如果你希望推出网站的手机版本，采用标准会使它变得更容易。而且在某些情况下可能根本就不需要推出手机版本，当然这也取决于你的网站内容。　　使用Web标准而不是浏览器私有的代码设计网站，更加适应未来的发展。如果你的网站正确采用HTML 4.01或者XHTML 1.0，并用CSS2布局，将得到各种浏览器的永久支持，即使HTML5、CSS3或者其他新的规范最终确定下来，甚至它们得到将来新的浏览器的出色支持，你采用现在的Web标准制作的网站仍将完美工作。而非标准的网站则没这么幸运，在好一点的情况下，它们会出现混乱，不好的话，网站将停止工作。　　本书前两个版本已经翻译成15种语言，从保加利亚到韩国，基于标准的设计概念和方法已经被广泛地介绍给世界上成千上万的设计师和开发者，以及他们的客户。自从本书2003年开始销售以来，几乎所有承包商或自行开发的公司都已经有了至少一位Web标准的拥护者。这个行业在不断发展，不再只是那些领先的设计师们拥抱Web标准了，也不再只有那些前卫的承包商宣称自己在基于标准的设计方面很专业了。　　而当本书的第3版面世的时候，Web标准已经成为了设计主流，设计师和开发者开始争论CSS3，甚至不少人已经开始尝试微格式（microformats）和HTML5；符合Web标准现已成为包括苹果、Google、Opera、Adobe、微软等公司以及开源社区的软件必备项目。　　这个版本经过了大幅度修订和重写，并重新组成了以下两个部分。　　书的第1部分解释了传统的设计方法带来的问题以及Web标准如何解决这些问题。同时也提供了充足的论据给那些需要“推销”基于标准设计方案给那些仍然对标准持怀疑态度的客户、同事和老板的人。我们继续探查不断扩展的Web标准体系，展示新老标准是如何将整个网络变成一个动态的、有着众多的应用和高可访问性、可发现性（以及漂亮的外观）的内容平台。在第一部分的结尾我们展望一下Web的未来。　　书的第2部分为读者介绍了XHTML、HTML5和CSS，以及（更重要的）结构化，语义化的标记原则；简洁的、健壮的、优化的CSS布局，以及不冲突的脚本编程（unobtrusive scripting）。之后是侧边栏在布局和易用性上的重要性。在第2部分结尾，我们将深入一些网站设计项目去揭示它们关于标准的秘密。　　我很感激我的新合著作者Ethan Marcotte、我们的编辑Erin Kissane，以及技术编辑Aaron Gustafson，没有比这更好的团队了。如果这是一本好书，那么就感谢这些伙计吧。　　第一次接触Web标准的新朋友，欢迎你们！还有那些早已经和我们共度旅程的老朋友，欢迎你们回来！

内容概要

　　畅销书作家、设计师、网页标准教父jeffrey
zeldman再次更新了他经典的、颠覆行业的指南书。这已经是本书的第3版了，此次更新基本涵盖了随着环境和技术的变化，web标准所面临的挑战以及因此而发生的改善。第3版让基于标准的设计思想更加清晰，更加易于理解，帮助你在这个领域中保持聪明和领先。
　　一如既往，本书提供了更多明确的见解和新的例子，来阐述基于标准的设计的核心思想，为你的网站最终确定一个合理的设计与开发方法。
　　与前两版不同的是，在第3版，除了有很多的“why?来提出问题，也提供了大量的“how”来解决问题。另外，在写作方法上作者力图用诙谐的、有吸引力的写作风格，使复杂的技术更易于理解消化，帮助你轻松创建一个访问快速、低成本维护和开发、更多用户的网站，帮助你用新技术使css布局适应多个浏览器，使网站内容更容易被搜索和访问到。

作者简介

Jeffrey Zeldman被商业周刊誉为“Web标准之王”的Jeffrey Zeldman是最早的网页设计师、blog作者、网络独立作家和最早的网页设计教师之一。
在1998年，他和其他成员共同发起并创建了Web标准草根联盟网页标准计划小组“The Web Standards Project”（从1999年到2002年一直主持该组织的工作），致力于推动浏览器遵循Web标准，发起7Web标准运动。
Jeffrey已经出版了两本书，除本书外，另一本是“Taking Your Talent to the Web”，这是一本为想转型成为网页设计师和美术指导（Art Director）的人而写的指南书（New Riders出版社，2001年，现在可以免费在这个网址下载）。他同时还担任SXSW互动艺术节和Rosenfeld Media（出版公司）的咨询顾问，也是Deck公司的创始人，Deck是一家提供创意、网页和专业设计的网
Ethan Marcotte是一个多才多艺的用户体验设计师和开发者，他的工作展示了高质量代码和美观界面的完美结合。在加入Happy Cog之前，Ethan Marcotte为纽约杂志（New York Magazine）、哈佛大学以及世界互联网组织W3C等客户服务。
Ethan也是多个出版社的供稿作者，包括手写CSS专题（New Riders 2009）、Web标准创造专题（friends of ED，2007），以及专业CSS专题（Wrox，2005）。Ethan还是一个有丰富经验的技术编辑，参与编辑的书包括“Bulletproof Web Desert”（New Riders,2005），以及“Designing With Web Standards”第2版（New Riders，2006）。

书籍目录

第1部分
　第0章 在开始阅读之前
　第1章 99.9%的网站已经过时了
　第2章 根据标准设计和建造
　第3章 温和劝导
　第4章 web标准的未来
第2部分
　第5章 现代标?语言
　第6章 xhtml和语义标记
　第7章 html5：新的希望
　第8章 更严格稳健的页面保证：结构和语义
　第9章 css入门
　第10章 css布局：标记、盒模型和浮动
　第11章 深入浏览器之一：doctype 切换和标准模式
　第12章 深入浏览器之二：bug、变通办法和css3带来的一线希望
　第13章 深入浏览器之三：文字版式
　第14章 可访问性：web标准的灵魂
　第15章 使用基于dom的脚本语言
　第16章 一个网站重构的实例
　第17章 nymag.com：简单的标准，迷人的界面

用户评论 (总计31条)

•   一如既往,《网站重构:应用Web标准进行设计(第3版)》提供了更多明确的见解和新的例子,来阐述基于标准的设计的核心思想,为你的网站最终确定一个合理的设计与开发方法。
  　　与前两版不同的是,在第3版,除了有很多的“why”来提出问题,也提供了大量的“how”来解决问题。另外,在写作方法上作者力图用诙谐的、有吸引力的写作风格,使复杂的技术更易于理解消化,帮助你轻松创建一个访问快速、低成本维护和开发、更多用户的网站,帮助你用新技术使css布局适应多个浏览器,使网站内容更容易被搜索和访问到。
•   这是我见过的讲web标准最好的书了，作者的语言风趣幽默，通俗易懂，不仅仅适合初学者也适合有一定设计基础的web开发人员
•   之前的版本就买过，对于web的各种规范和标准介绍的比较详细。
  推荐开发人员、页面设计人员都看看。
•   这本书讲了，好多网站设计的思想，是一本比较经典的书！
•   web前端开发的必备之书，前两版都买不到了，终于出第三版了
•   标准化的设计，养成严谨的做网站的习惯
  
•   适合网站开发的人学习使用
•   想创建好网站的好书
•   看到网上的这本书大多都是前两版的，现在终于买了最新版的。。还没看，不过应该也不错
•   正在学网页，这本是老师推荐的书！所以在当当上一搜到这本书就买下了！
  当当的送货速度很快，当天晚上拍下的，第二天中午就到了，很惊人啊，哈哈！
  书还没怎么看，从其他的书里面也看到了这本书以及作者的介绍，应该是个很出名的书，很开心，觉得自己买了一本很值得买的书！下定决心一定要把它看完，哈哈，把书上的知识都掌握好！
  如果大家在学网页方面的知识的话，这本书应该是个必备的，很有价值！
  建议当当多卖一些网页方面的书啊，期待！
•   这本书对任何咦名页面重构员都有很深的启发
•   书包装很好，也没有损坏，书还没看完，不过看了前面的觉得里面的内容值得让人思考
•   工具书，免邮费。就是希望书能再全些。
•   这本书是我一直的向往哟
•   质量还好，内容很全面
•   前端佳作
•   印刷纸张质量太糟糕，能不给星马
•   刚开始阅读，感觉还不错
•   质量稍差，但是经典之作，可能重在转变大家对web标准的观念，但是要说到实用性就不如《CSS网站布局实录：基于Web标准的网站设计指南（第二版）》
•   从一个七八年的web开发程序员的角度来讲, 这个更多的是讲的关于标准的各个方面的历史,是个有趣的读物,是个让你知道曾经web标准进化到现在,经历过怎样的纠结.而且以后有可能会朝哪些方面进化.
  
  如果你只是一味追求技术实现,可能这不是本你想要的书.
•   刚做完一个WEB项目的demo，看看这本书总结下自己的经验，把UI重构一下，书中很多地方值得借鉴。
•   书的质量特别的好，是网站方面的必读性，挺好的
•   书挺好的我很喜欢，对我有很多帮助。但是书收到之后发现书的封皮有一个笔道，好像谁用油笔划的。不理解。。。
•   对学网页有一定用处。
•   很好，比较经典的书，值得看
•   还好，建议看
•   只是看不懂
•   书内容还是不错的，但是印刷质量真的不太好，好像A版书似的，44大元，一般吧，建议从网上找找电子版
•   新的内容不多！以上一般区别不大！
•   呵呵，不太喜欢这本书，总体还行
•   内容还是挺全面的，但我感觉不太易读，不知道会不会给读完