基本信息

内容简介

目录

译者序

基本信息

作者： (美)泽尔特曼(Zeldman,J.) 马克蒂（Marcotte,E.）

译者： 傅捷 祝军 李宏

出版社：电子工业出版社

ISBN：9787121127755

上架时间：2011-3-7

出版日期：2011 年3月

开本：16开

页码：1

版次：3-1

内容简介

畅销书作家、设计师、网页标准教父jeffrey zeldman再次更新了他经典的、颠覆行业的指南书。这已经是本书的第3版了，此次更新基本涵盖了随着环境和技术的变化，web标准所面临的挑战以及因此而发生的改善。第3版让基于标准的设计思想更加清晰，更加易于理解，帮助你在这个领域中保持聪明和领先。

一如既往，本书提供了更多明确的见解和新的例子，来阐述基于标准的设计的核心思想，为你的网站最终确定一个合理的设计与开发方法。

与前两版不同的是，在第3版，除了有很多的“why”来提出问题，也提供了大量的“how”来解决问题。另外，在写作方法上作者力图用诙谐的、有吸引力的写作风格，使复杂的技术更易于理解消化，帮助你轻松创建一个访问快速、低成本维护和开发、更多用户的网站，帮助你用新技术使css布局适应多个浏览器，使网站内容更容易被搜索和访问到。

目录

《网站重构:应用web标准进行设计》

第1部分

第0章 在开始阅读之前 2

0.1 终止不断“改版-淘汰”的怪圈 3

0.2 不要死读书 4

渐进的标准，而不是一套不变的硬性规定 4

0.3 一些重要的定义 5

0.4 一种方法不能解决所有问题 6

0.5 欢迎优胜团队 7

第1章 99.9%的网站已经过时了 10

1.1 现代浏览器和web标准 11

1.2 新版本新代码 12

1.3 多版本问题 13

1.4 垃圾代码来了 15

错误标记：最初，个人环境是无约束的 15

1.5 代码分支可能影响你网站的长期健康 17

1.6 臃肿标记的隐藏成本 20

1.7 向前兼容（backward-compatibility）是一个谎言 22

屏蔽用户不利于业务发展 23

1.8 治疗 26

.第2章 根据标准设计和建造 28

2.1 历经磨难 30

2.2 无标准时代的设计成本 31

2.3 时髦的站点，古老的方法 32

2.4 web标准三剑客 38

2.4.1 结构 39

2.4.2 表现 41

2.4.3 行为 41

2.5 实际应用 42

2.6 web标准组织：可移植性 44

一个文档服务所有需求 44

2.7 “a list apart”：一个页面，多种显示方式 47

2.7.1 屏幕以外的设计 48

2.7.2 节约时间和成本，增加扩展性 50

2.8 我们去向何方 50

第3章 温和劝导 54

第4章 web标准的未来 60

4.1 可发现性、聚合、博客、播客、长尾、ajax

4.1 （以及其他使标准成功的理由） 60

4.1.1 通用语言xml 61

4.1.2 发明的源泉 66

4.1.3 标准的未来 76

4.2 html5的诞生 77

4.2.1 ie浏览器和web标准 80

4.2.2 创作和出版工具 80

第2部分

第5章 现代标记语言 84

5.1 垃圾代码标记的可耻秘密 90

5.1.1 重新阐述了什么 93

5.1.2 执行概要 94

5.1.3 xhtml 2为你我而生 95

5.2 5个坚持用html的原因 96

5.3 5个使用xhtml 1的原因 97

5.4 不使用xhtml 1的原因 97

第6章 xhtml和语义标记 98

6.1 转换到xhtml：规则简单，容易上手 99

6.1.1 用正确的文档类型（doctype）和命名空间（namespace） 99

6.1.2 哪一种doctype适合你 100

6.1.3 严格与过渡：我们这个时代的大战役 101

6.1.4 紧随doctype之后的是namespace 103

6.1.5 声明你的字符集 104

6.1.6 用小写字母书写所有的标签 106

6.1.7 给所有属性值加引号 108

6.1.8 所有属性都需要值 109

6.1.9 关闭所有的标签 110

6.1.10 不要在注释内容中使用“—” 111

6.1.11 将所有的[和&符号编码 111

6.1.12 执行概要：xhtml的规则 112

6.1.13 字符编码：无趣，很无趣，真的很无趣 112

6.2 结构健康——对我有益 114

6.2.1 用理性代替样式来标记你的文档 114

6.2.2 视觉元素和结构 120

第7章 html5：新的希望 121

7.1 html5和web应用程序：风险很大 121

7.2 html5和xhtml 123

该死的命名法 124

7.3 html5元素大检阅 125

7.3.1 页面结构的语义化 126

7.3.2 html5：只是个规范 130

7.3.3 学习更多 132

第8章 更严格稳健的页面保证：结构和语义 134

8.1 div、id及其他 135

8.1.1 为什么叫div 135

8.1.2 id与class 137

8.2 让你的内容容易找到，容易使用 139

8.2.1 语义化标记和可重用性 140

8.2.2 现代标记的常见错误 142

8.2.3 divs刚刚好 145

8.2.4 热爱id 146

8.2.5 清除（或最小化）内嵌css和脚本 146

8.2.6 暂停并回顾 147

第9章 css入门 148

9.1 css概述 148

9.2 css的优点 149

9.3 样式解析 150

9.3.1 选择器、声明、属性和值 150

9.3.2 可选值和默认值 152

9.3.3 继承和它的不足之处 154

9.3.4 派生选择器 155

9.3.5 class选择器 158

9.3.6 外联、嵌入、内联样式 160

9.4 “最合适方案”的设计方法 164

第10章 css布局：标记、盒模型和浮动 166

10.1 页面流之道 166

10.2 盒模型 167

盒模型是如何工作的 168

10.3 实用布局101 171

10.3.1 从基础开始 172

10.3.2 使用class 175

10.4 重新进行布局 179

10.4.1 内容清单，终极版 181

10.4.2 应用样式 184

10.4.3 再次运用浮动 187

10.4.4 处理细节 189

10.5 小结一下 192

第11章 深入浏览器之一：doctype 切换和标准模式 193

11.1 doctype切换的传奇故事 193

11.1.1 用来切换标准的开关 194

11.1.2 切换开关浮出水面 195

11.2 doctype切换基础 195

11.2.1 切换有多准确 196

11.2.2 web标准和ie8 196

11.2.3 web标准和gecko 198

11.2.4 完整的和不完整的doctype 199

11.2.5 完整的xhtml doctype列表 200

11.2.6 保持简单 202

第12章 深入浏览器之二：bug、变通办法和css3带来的一线希望 203

12.1 细述css的bug 204

12.1.1 浮动元素的双倍边距bug 209

12.1.2 png图片的透明背景问题 211

12.1.3 前进之路 211

12.1.4 发现问题仅仅是战斗的一半 212

12.2 css3：新的热点 220

12.2.1 关于alpha通道 221

12.2.2 突破四四方方的样子 224

12.2.3 让编码器注意 225

12.3.4 重新思考“支持” 227

12.3 flash和quicktime：期望的对象 230

12.3.1 可嵌入的对象：一个傲慢与复仇的故事 230

12.3.2 w3c的双重报复 231

12.3.3 折中方法：在支持标准的同时嵌入多媒体 231

12.3.4 美中不足：对象失效 232

12.3.5 使用一点javascript 233

12.4 一个枯燥的变通办法世界 233

第13章 深入浏览器之三：文字版式 235

13.1 关于文字版式 236

13.2 web字体的a-b-c 239

13.2.1 web字体的简短历史 241

13.2.2 最终的标准尺寸 243

13.2.3 手臂和像素 244

13.2.4 无声无息地被遗忘 246

13.3 字体尺寸的冒险之旅 247

13.3.1 页面缩放功能：使像素更安全 249

13.3.2 使用em值来设定尺寸：欢笑和眼泪 252

13.3.3 使用字体尺寸关键词的方法 253

13.4 我想要我的“franklin gothic”字体 254

13.4.1 css@font-face：在web上使用现实的字体 255

13.4.2 sifr——可访问的替代类型 257

13.4.3 cufón——“使用你想用的字体” 258

13.4.4 typekit和它的兄弟们 259

第14章 可访问性：web标准的灵魂 262

14.1 建立可访问性网站的五个技巧 263

14.1.1 开始 263

14.1.2 使用有逻辑的页面结构 263

14.1.3 提供键盘访问的方法 263

14.1.4 提供可选方案 264

14.1.5 挑选一种标准，然后坚持下去 264

14.2 有关访问性的书籍 265

14.3 普遍的质疑 267

14.3.1 “盲人亿万富翁” 267

14.3.2 可访问性不只是视力受损用户的问题 268

14.3.3 508条款的解释 269

14.4 纠正关于可访问性的错误观点 270

14.5 关于可访问性的小技巧，一个一个元素地介绍 274

14.5.1 图片 274

14.5.2 专业工具 282

14.5.3 保持有效的tab键：我们的好朋友，tabindex属性 283

14.5.4 为可访问性做计划：你将受益良多 283

第15章 使用基于dom的脚本语言 285

15.1 关于dom的书 285

15.2 dom是什么 287

15.2.1 使网页变得像应用程序的标准化方法 288

15.2.2 那么，它在哪里运行呢 290

15.3 合理使用dom 291

15.3.1 它是如何工作的 291

15.3.2 检查是否支持 296

15.3.3 不同的代码书写方式 297

15.3.4 样式切换器：有助于增强可访问性，提供更多的选择 298

15.4 学会使用你喜爱的（javascript）开发库 300

15.5 你应该如何使用dom呢 303

第16章 一个网站重构的实例 304

16.1 来自过去的灵感 307

16.2 根据内容的设计 310

16.2.1 留白 311

16.2.2 字体、介绍和首字母下沉 313

16.2.3 基本模式 318

16.2.4 页脚的创新 318

16.2.5 刊头设计 324

第17章简单的标准，迷人的界面 327

17.1 检视内容 328

从内容检视到实现策略 333

17.2 再次深入标记 336

17.3 开始应用样式表 339

有了方法，其他就简单了 343

17.4 使用dom 346

17.4.1 结识“colgroup” 346

17.4.2 使用jquery 348

17.5 标准贯穿始终 353

译者序

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

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

关于作者

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

这是一本什么样的书

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

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

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

什么是Web标准？

Web标准有什么好处？

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

适合什么样的人看

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

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

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

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

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

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

译者感言

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

↓展开全部内容

前言回到顶部↑

当我和同事们在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%不必要的代码。当网站改版，重新设计，或者需要调整你的网站内容时，你会发现除了更高的成本之外，修改也非常困难，因为内容和布局完全混杂在一起。

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

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

到

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

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

使用Web标准进行设计的好处（如图1所示），将在本书第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标准的新朋友，欢迎你们！还有那些早已经和我们共渡旅程的老朋友，欢迎你们回来！