网站重构 应用Web标准进行设计 第2版PDF|Epub|txt|kindle电子书版本网盘下载

网站重构 应用Web标准进行设计 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

引言1

第1部分　休斯顿，我们遇到麻烦了在开始之前11

费用上升，效益下降12

终止网站淘汰的怪圈14

什么是向后兼容15

没有规则，没有教条16

实践，不是理论18

这样的转变真的必需吗20

第1章　99.9％的网站都是过时的21

1.1　现代浏览器和Web标准22

新版本中的新代码24

1.2　“多浏览器版本”问题25

1.3 向前兼容的代价27

1.3.1　过时的标记：网站所有者的成本31

1.3.2　向前兼容33

1.3.3　屏蔽用户对商务不利33

1.3.4　愚蠢之路38

1.4　垃圾代码39

1.5　治疗41

第2章　根据标准设计和制作43

2.1　历经磨难45

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

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

2.4　悲惨的王国51

2.5　Web标准三剑客53

2.5.1 结构53

2.5.2　表现56

2.5.3　行为57

2.6　实际应用57

2.7　过渡方法的好处58

2.8　Web标准组织：跨平台性60

文档一次建立，随处使用63

2.9 “A List Apart”：一个页面，多种浏览方式63

2.9.1　屏幕以外的设计65

2.9.2　节约时间和成本，增加扩展性66

2.10　我们要去往哪里67

2.10.1　过渡型的向后兼容（混合设计）67

2.10.2　严格的向后兼容69

第3章　推广标准的困难73

3.1　看起来漂亮，代码却丑陋74

3.1.1　共同的目标，共同的手段76

3.1.2　理解vs真实77

3.2　2000年：浏览器之年78

3.2.1　IE5/Mac:DOCTPE转换和放大79

3.2.2　Netscape的大胆转移82

3.2.3　普遍支持82

3.3　太少，太迟83

CSS：第一次尝试84

3.4　糟糕的浏览器养成坏习惯84

3.4.1　默认样式的缺点85

3.4.2　缺乏继承86

3.4.3　混乱的交互行为87

3.4.4　最终的标准化脚本语言88

3.5　混乱的网站和令人困惑的标签89

3.5.1　理论vs经济90

3.5.2　软件会帮你做91

3.5.3 了解产品vs了解标准91

3.6　字母F92

3.6.1　Flash的价值94

3.6.2　使用Flash的问题96

3.6.3　另外一些使用Flash的问题96

3.7　兼容是一个禁忌词语97

3.7.1　语言对于形成理解的威力97

3.7.2　灵感问题98

3.7.3　其他问题99

第4章　可寻性、聚合、博客、播客、长尾、Ajax（和其他标准胜利的理由）101

4.1　通用的语言（XML）103

4.1.1　XML和HTML的比较104

4.1.2　一个父母，多个孩子105

4.1.3　专业定制软件的基本要素105

4.1.4　比White Rapper更流行106

4.1.5　选择XML的五个因素108

4.1.6　创造力的宝藏109

4.1.7　Web发布工具113

4.1.8　等候你的使用114

4.2　XML应用程序和你的站点116

4.3　与生俱来的兼容性116

4.4　协作的新时代117

4.4.1　校验程序及其规范117

4.4.2　校验程序是怎么工作的118

4.4.3　WHAT工作小组119

4.4.4　IE7和Web标准组织WaSP119

4.5　Web标准和创作工具120

4.5.1　Dreamweaver特别小组120

4.5.2　WYSIWYG工具的成熟121

4.5.3　从FrontPage到Expression Web Designer122

4.6　CSS布局的出现122

4.6.1　浏览器向标准升级之战123

4.6.2　风起云涌126

4.6.3　无数正在转变的个人网站和他们依靠的帮助网站128

4.6.4　最全的CSS知识库131

4.7　流行时尚131

4.8　Web标准的主流132

4.8.1　商业站点冒险尝试134

4.8.2　Wired Digital的重构135

4.8.3　设计师的转变137

4.8.4　点击随之而来139

4.8.5　通过校验是成功的保证140

第2部分　设计与构建143

第5章　现代标记语言143

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

5.2　重新阐述了什么150

5.3　执行概要152

5.4　什么样的XHTML适合您152

5.4.1　XHTML 2为我还是为你而生152

5.4.2　切换到XHTML的10个最主要的理由154

5.4.3　不要切换到XHTML的5个最主要的理由155

第6章　XHTML:Web重构157

6.1　转换到XHTML：规则简单，容易上手158

6.1.1　用正确的文档类型（DOCTYPE）和命名空间（Namespace）158

6.1.2　声明你的内容类型161

6.1.3　用小写字母书写所有的标签163

6.1.4　给所有属性值加引号165

6.1.5　所有属性都需要值166

6.1.6　关闭所有的标签167

6.1.7 “空”标签也要关闭167

6.1.8　不要在注释内容中使用“--”168

6.1.9　将所有的＜和＆符号编码168

6.2　执行概要：XHTML的规则169

6.2.1　字符编码：无趣，很无趣，真的无趣169

6.2.2　结构康复——对我有益171

6.2.3　用理性代替样式来标志你的文档171

6.3　视觉元素和结构175

第7章　紧凑而坚固的页面保证：以严格和混合的标记组成的结构177

7.1　所有的元素都必须是结构化的吗178

7.1.1　div、id和其他助手179

7.1.2　语义化标记和可重用性183

7.2　混合布局和简洁的标记：要做什么和不要做什么187

7.2.1　给坏习惯命名187

7.2.2　在超文本标记中的普遍错误188

7.2.3　divs刚刚好191

7.2.4　热爱id192

7.2.5　消除冗余的表格单元194

7.3　过时方法的展示195

7.3.1　映射的时代195

7.3.2　映射和它的不足196

7.3.3　没有结构就没有可访问性197

7.3.4　切割197

7.3.5　切割时代198

7.3.6　多余的冗长表格199

7.3.7　劣质CSS登场200

7.3.8　继续前进204

第8章　XHTML的示例：混合布局（第一部分）205

8.1　本章使用的过渡方法的好处206

用样式表代替JavaScript206

8.2　基本方法（概述）206

8.2.1　分割表格：CCS和可访问性的优点208

8.2.2　什么是跳过导航，以及为什么跳过208

8.2.3　附加的id属性213

8.3 开始标记和结束标记是对应的214

8.3.1　导航标记：第一个表格215

8.3.2　陈述、语义、纯度、错误216

8.3.3　内容标记：第二个表格217

第9章 CSS入门219

9.1　CSS概述220

CSS的优点220

9.2　样式解析222

9.2.1　选择器、声明、属性和值222

9.2.2　多重声明223

9.2.3　空格和不区分大小写224

9.2.4　字体选择和默认值225

9.2.5　群选择符226

9.2.6　继承和它的不足之处226

9.2.7　包含选择符228

9.2.8　id选择符和包含id选择符229

9.2.9　类别选择符230

9.2.10　组合使用选择符创造精致的设计效果231

9.3　外联、嵌入、内联样式234

9.3.1　外联样式表234

9.3.2　内联样式238

9.4　“最合适方案”设计方法238

9.4.1　从嵌入样式到外联样式：双表法239

9.4.2　相对及绝对文件路径240

9.4.3　最佳方案设计法和双表法的优点240

第10章　CSS应用：混合布局（第二部分）243

10.1　准备图片244

10.2　设置基本参数246

10.2.1　总体样式，关于缩写和边距的更多内容246

10.2.2　隐藏与块247

10.2.3　给链接加上颜色（推荐用伪类属性）249

10.2.4　其他一般元素示意图251

10.2.5　关于字号的更多内容253

10.2.6　设置页面分界线256

10.3　导航元素：第一个步骤259

10.4　CSS导航条：在第二个步骤的第一次尝试262

10.5　CSS导航条：最后一个步骤263

10.6　最后一个步骤：外联样式和“You Are Here”效果268

第11章　使用浏览器第一部分：DOCTYPE转换和标准模式271

11.1 DOCTYPE转换的传奇故事272

11.1.1　控制浏览器性能：DOCTYPE转换274

11.1.2　所有完整的XHTML DOCTYPE277

11.2　感谢浏览器的多样性！（或至少学会接受）280

第12章　使用浏览器　第二部分：盒模型、bug和工作区285

12.1　盒模型和它的不足之处286

12.1.1　盒模型是怎样工作的287

12.1.2　盒模型是怎样失效的288

12.1.3　盒模型Hack方法：使CSS更安全295

12.2　IE/Windows上的空格bug298

12.3　IE6/Windows上的漂浮“（Float）”bug302

漂浮（Float），时隐时现，远离304

12.4 Flash和Quick Time，期望的对象304

12.4.1　可嵌入对象305

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

12.4.3　对象故障307

12.4.4　权宜之计308

第13章　使用浏览器　第三部分：排版311

13.1　字号问题311

13.2　用户控制312

13.3　守旧的方法312

磅值产生差异314

13.4　目前使用的标准尺寸，但它又能延续多久315

13.4.1　好工作会被随便一个单击而否定318

13.4.2　探寻被遗忘的角落：对浏览器上变化的错误反应318

13.4.3　标准尺寸和最佳做法320

13.5　em理论的失败321

用户的选择和em单位321

13.6　像素的作用322

13.6.1　最小的单位：它是相对而言的323

13.6.2　像素的缺点324

13.7　字体关键字法325

13.7.1　为什么关键字比em和百分比好325

13.7.2　关键字执行程序的首要问题326

13.7.3　可用字体：持续问题329

第14章　可访问性基础331

14.1　有关访问性的书籍333

14.2　普遍的错误观念334

天才的参与335

14.3　法律和布局338

508条款的解释339

14.4　深入分析对可访问性的错误说法341

14.4.1　错误的说法：可访问性迫使你要为网站创建两个版本341

14.4.2　错误的说法：纯文档网站能给每个人都提供相等的可访问性341

14.4.3　错误的说法：可访问性代价太高341

14.4.4　错误的说法：可访问性迫使你创建原始的、低档的设计343

14.4.5　错误的说法：根据508条款，网站必须在所有的浏览器和用户代理上看上去都一样344

14.4.6　错误的说法：可访问性“只是为残障人士服务的”344

14.4.7　错误的说法：Dreamweaver MX/Cynthia Says/Lift/InsertTool Name以及其他一些工具可以解决所有可访问性问题345

14.4.8　错误的说法：如果客户提出可以忽略可访问性，设计师就可以不理睬可访问性条款346

14.5　关于可访问性的一点技巧，一个元素接一个元素346

14.5.1 图片346

14.5.2　苹果的Quick Time和其他视频流媒体349

14.5.3　Macromedia Flash 4/5349

14.5.4　Macromedia Flash MX和Flash 8349

14.5.5　颜色351

14.5.6　CSS351

14.5.7　Rollovers和其他的脚本行为353

14.5.8　表单354

14.5.9　图像映射355

14.5.10　表格布局355

14.5.11　数据表格的使用355

14.5.12　框架（Frame），Applets356

14.5.13　闪烁或闪光的元素356

14.6　所需工具356

14.7　喜爱Cynthia358

保留标签：tabindex属性358

14.8　为访问性做计划，你会受益良多362

第15章　使用基于DOM的脚本语言365

关于DOM的书366

什么是DOM？367

使Web页面变得像应用程序的标准方法368

什么浏览器能支持它们正常运行370

DOM请不要让我伤心371

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

第16章　CSS重构379

需求定义380

十大需求380

用Faux方法布局382

图片翻转方法及其派生386

结束390

Web标准书架391

索引393