《网站重构:应用Web标准进行设计》是2011年电子工业出版社出版的图书,作者是泽尔特曼、马克蒂。本书提供了更多工额明确的见解和新的例子,来阐述基于标准的设计的核心思想,为读者的网站最终确定一个合理的设计与开发方法。
- 书名 网站重构:应用Web标准进行设计
- 作者 (美)泽尔特曼(Zeldman,J.) 马克蒂(Marcotte,E.)
- 译者 傅捷 祝军 李宏
- 出版社 电子工业出版社
- 出版时间 2011 年3月
内 容 简 介
来自畅销书作家、设计师、网页标准教父Jeffrey Zeldman再次更新了他经典的、颠覆行业的指南书。这已经是本书的第3版了,此次更新基本涵盖了随着环境和技术的变化,Web标准所面临的挑战以及因此而发生的改善。第3版让基于标准的设计思想界业叶械府足更加清晰,更加易于理解,帮助你在这个领域中保持聪明和领先。
封面一如既往,本书提供360百科了更多明确的见解和新的例子,来阐述基于标准的设计的核心思想,为你的网站最终确定一个合理的设计与开发方法。
与前两版不同源突什其县批够属备政的是,在第3版,除日长木目极了有很多的"Why"来提出问题,也提供了大量的"How"来解决问题。另外,在写作方法上作者力图用诙谐的、有吸引力的写作风格,使复杂的技术更易于理解消化,帮助你轻松创建一个访问快速、低成本维护和开发、更多用户的网站,帮助你用新技术使CSS布局适应多个浏览器,使网站内容更容易被搜索和访问到。
本书快览
第1部分
第0章 在开始阅读之前 2
第1章 9矿分号呢延混转9.9%的网站已经过时了 10
第2章 根据标准设计和建造 28
第3章 温和劝导 54
第4章 Web略践常孔广婷语选财无标准的未来 60
第2部负犯刘案季分
第5章 现代标记语言 84
第6章 XHTML和语义标记 98
第7章 HTML5:新的希望 121
第8章 更严格稳健的页面保证:结构和语义 134
第9章 C攻散图SS入门 148
第10章 CSS布局:标记、盒模型和浮动 166
第11章 深入浏览器之一略耐低:DOCTYPE切换和标准模式 193
第12章 深入浏览器之二:Bug、变通 办法和CSS3带来的一线希望 203
第13章 深入浏览器之三:文字版式 235
第14章 可访问性:Web标准的灵魂 262
第15章 使用基于DOM的脚本语言 285
第16章 一个网站重构的实例 304
第17章 NYMag:简单的标准,迷人的界面 327
译 者 序
一本好书,不仅仅带来知识,更重要的是传达一种花妒如台尔那装让题静理念、一种思想,来自引起我们更多的思考。《网站重构》无疑就是这样一本好书。它的出版犹如一声春雷打破了网页设计行业的沉寂,传统技术方式受到挑战并逐步被淘汰,Web标准技术成为行业360百科新的标准和开发指南。
如果说六年前,本书第1版出版时,我们还需要大声呼喊,我限敌该们要重视和推广Web标准理念。依溶皇那么六年后,当本书即将出版第3版的时候,Web标准已经成为网页设计行业的共识,且频权终获器成为Web开发通用的技术标准,成为网页设计师入门的基础知识。
关于作者
作者Jeffrey Zeldman 是校严它准派发学目老牌的网页设计师,也是Web标准技术的捍卫者和"传教士"。他在1998年创立的Web标准组织()曾经帮助Netsca跟注包鸡担额形pe公司和微软公司结束了浏览器私有技术之战;他的工作小组长期帮助和推进浏览器(例如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年成立了中国办事处(),以便促进中国企业和开发者参与标准技术的研究和制定。但这方面我们还有比较大的差距,不论是标准制定的参与还是技术研究都还处于初级阶段。国际大型互联网公司,包括微软、苹果、谷歌、Mozilla等都极力参与到标准的制定和推广中,值得国内的互联网公司重视和借鉴。
感谢
非常感谢电子工业出版社给我们翻译本书的机会,让我们得以见证和参与Web标准设计在中国的普及和推广过程。这一过程使我们自己获益匪浅。感谢博文视点公司总经理郭立、策划编辑孙学瑛的信任和鼓励,使得我们信心百倍地来翻译这本书,也感谢编辑许艳、顾慧芳,她们细心的工作帮我们弥补了很多细节上的漏洞。感谢许许多多给本书提出建议和意见的设计师朋友和网友。
译者
2010年6月于北京
目 录
第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章 NYMag:简单的标准,迷人的界面 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