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

.
祝军
网名：dodo
性别：男
国内较早接触互联网的一批人，曾经是深圳热线非常男女的站长，即时通讯软件欧姆ommo的创始人之一。对人机交互有较深的研究。主要翻译本书CSS部分。

2.6　过渡方法的好处 39
2.7　Web标准组织：跨平台性 41
2.8　A List Apart：一个页面，多种浏览方式 44
2.9　我们要去往哪里 48
第3章　推广标准的困难 53
3.1　看起来可爱，代码却丑陋 53
3.2　2000年：浏览器之年 56
3.3　太少，太迟 60
3.4　糟糕的浏览器养成坏习惯 61
3.5　混乱的网站和令人困惑的标签 65
3.6　字母F 69
3.7　兼容是一个禁忌词语 72
第4章　XML征服世界（和其他Web标准成功案例） 75
4.1　通用的语言（XML） 75
4.2　XML应用程序和你的站点 85
4.3　与生俱来的兼容性 86
4.4　协作的新时代 87
4.5　Web标准和创作工具 89
4.6　CSS布局的出现 92
4.7　Web标准的主流 100
4.8　执行概要 106
第2部分　设计与构建
第5章　现代置标语言 111
5.1　垃圾代码的可耻秘密 114
5.2　重新阐述了什么 116
5.3　执行概要 117
5.4　什么样的XHTML适合您 118
第6章　XHTML：Web重构 121
6.1　转换到XHTML：规则简单，容易上手 121
6.2　语言编码：无趣，很无趣，真的无趣 131
6.3　结构康复——对我有益 133
6.4　视觉元素和结构 136
第7章　紧凑而坚固的页面保证：以严格和混合的标记组成的结构 139
7.1　所有的元素都必须是结构化的吗 139
7.2　混合布局和简洁的标记：要做什么和不要做什么 145
7.3　过时方法的展示 153
第8章　XHTML的示例：混合布局（第一部分） 161
8.1　本章所使用的过渡方法的好处 161
8.2　基本方法（概述） 162
8.3　开始的标记和结束的标记是对应的 169
第9章　CSS入门 173
9.1　CSS概述 173
9.2　样式解析 175
9.3　外联、嵌入、内联样式 185
9.4　“最合适方案”设计方法 188
第10章　CSS应用：混合布局（第二部分） 191
10.1　准备图片 192
10.2　设置基本参数 193
10.3　导航元素：第一个步骤 203
10.4　CSS导航条：在第二个步骤的第一次尝试 206
10.5　CSS导航条：最后一个步骤 207
10.6　最后一个步骤：外联样式和“You Are Here”效果 208
第11章　使用浏览器　第一部分：DOCTYPE转换和标准模式 213
11.1　DOCTYPE转换的传奇故事 214
11.2　控制浏览器性能：DOCTYPE转换 216
11.3　感谢浏览器的多样性（或至少学会接受） 221
第12章　使用浏览器　第二部分：盒模型、bug和工作区 225
12.1　盒模型和它的不足之处 225
12.2　IE/Windows上的空格bug 235
12.3　IE6/Windows上的“漂浮”bug 238
12.4　Flash和Quick Time，期望的对象 240
12.5　一个平凡的工作区世界 244
第13章　使用浏览器　第三部分：排版 247
13.1　字号问题 247
13.2　用户控制 247
13.3　守旧的方法 248
13.4　目前使用的标准尺寸，但是它又能延续多久 250
13.5　em理论的失败 258
13.6　像素的作用 260
13.7　字号关键字法 265
第14章　可访问性基础 271
14.1　有关访问性的书籍 272
14.2　普遍的错误观念 273
14.3　法律和布局 275
14.4　直逼可访问性的错误说法 277
14.5　关于可访问性的一点技巧，一个元素接一个元素 281
14.6　所需工具 291
14.7　和Bobby一起工作 292
14.8　为访问性做计划，你会受益良多 296
第15章　使用基于DOM的脚本语言 299
15.1　初步接触DOM 299
15.2　DOM请不要让我伤心 305
15.3　显示和隐藏 309
15.4　动态菜单（下拉和展开） 313
15.5　样式切换器：增加可访问性，提供更多选择 314
第16章　CSS重新设计 319
16.1　设定目标 319
16.2　建立基本参数 323
16.3　基于规则的设计 330
16.4　具有CSS滚动效果的“返回首页”按钮 332
16.5　CSS/XHTML导航条 337
16.6　最后的加工 342
第3部分　结尾
附录A　现代浏览器：品质优良的、低劣的和非常低劣的 349
术语表 355

.　　 记得一开始学网页设计的时候，发现国外的大站点都很简单，就自大地认为中国的设计师肯定可以赶超国外。但随着学习的不断深入，发现一个大型网站的简单背后藏着丰富的技术内涵，例如，样式表、动态信息发布系统。要达到这样的“简单”和高效，我们仍然需要花大力气。
　　 当国内的设计师现在都以为HTML已经没有什么可学，只要会使用Dreamweaver就行的时候，当我们沉醉在网页特效、Flash动画的时候，Web标准的推广已经成为国外一种普遍的现象。目前国内大多数客户都不清楚对网站的具体要求，他们注重的往往只是外观是否漂亮，基本功能是否实现，而不会去查看页面的原代码是否符合标准，也不会去问数据格式是否易于扩展交互。网站是否符合标准，很多时候都取决于设计者、开发者的知识面和认识。但是不能说因为客户不清楚、不要求采用Web标准，我们就可以偷懒和省略。作为网站设计师，有责任和义务去推广和采用Web标准。
　　 都说IT界浮躁，总是“拿来主义”、缺少原创。那么即便是拿，我们也不能只拿表面的东西，更需要拿那些思想的内涵和精髓，否则我们永远都是落后的。国外一向注重规范和标准，我们也迫切需要这样的共识。本书所介绍的关于Web标准的思想，能让越多的设计师了解越好。虽然国内现在好像还没有完全采用标准的有影响力的网站，只有一些研究性质的个人网站，但越来越多的有识之士已经认识到并开始推动Web标准的应用。同时，由于经济利益的驱动，企业和客户也将逐步接受和认识到遵循Web标准所带来的好处。
　　 相信有一天，Web标准将成为进入这一行业的基本知识。
　　 关于书名
　　 本书英文原名为“Designing with Web Standards”，如果直译应该为《应用Web标准进行设计》，感觉有点枯燥，并且不能够使得本书和市面上大多数单纯讲述HTML及代码堆砌起来的书籍区分开来。因此，我们借用软件开发行业中的“代码重构”一词（重构的意义在于不改变程序的功能而改变程序的架构，从而更利于修改、维护和扩展等）。同样地，在国内Web领域，翻开漂亮的网站外衣，看到的是臃肿的、肮脏的、不可维护的代码（却从没人重视和理睬这些，更不用说去改变它），我们希望使用Web标准在不改变外观的情况下能够改变Web的技术本质。因此我们采用了“网站重构”作为书名。
　　 感谢
　　 非常感谢电子工业出版社给我们这次机会，让我们能为推动Web标准出一份力，也使我们自己获益匪浅。感谢郭立、朱沭红编辑的信任和鼓励，使得我们信心百倍地来翻译这本书，也感谢孙学瑛编辑，她细心的工作帮我们弥补了很多细节上的漏洞。