CSS与HTML Web设计实践指南PDF电子书下载

第1章　Web设计入门 1

1.1　Internet简史 2

1.2　为什么建立一个网站 3

1.3　观众的要求 4

1.4　Web设计概述 5

1.5 HTML和XHTML简介 6

1.5.1　HTML标记和元素概念简介 6

1.5.2　嵌套标记 7

1.5.3 Web标准与XHTML 7

1.5.4　语义标示 8

1.6　CSS简介 9

1.6.1　使设计与内容分离 9

1.6.2　CSS规则 10

1.6.3　CSS选择符类型 11

1.6.4　为网页添加样式 13

1.6.5　CSS盒子模型说明 15

1.7　创建样板（boilerplate） 16

1.8　实现网站内容 21

1.8.1　信息架构和网站地图 22

1.8.2　基本网页结构和布局 22

1.8.3　Web设计的局限性 24

第2章　网页基础 26

2.1　从基础开始 27

2.2　文档默认值 27

2.2.1　DOCTYPE声明解说 29

2.2.2 局部DTD 30

2.2.3　XML声明是什么样的 31

2.3　head（报头）部分 31

2.3.1 页面标题 32

2.3.2　meta标记和搜索引擎 33

2.3.3　连接外部文档 34

2.4　body（主体）部分 38

2.4.1　CSS中内容的外边距和内边距 38

2.4.2　将所有元素的内外边距设置为0 39

2.4.3　使用盒子的CSS简写 39

2.4.4　设置默认字体和字体颜色 40

2.5 网页背景 41

2.5.1　CSS中的网页背景 41

2.5.2　网页背景概念 44

2.6　关闭你的文档 51

2.7　命名你的文件 52

2.8　添加注释 52

2.9　网页基本检查列表 53

第3章　使用字体样式 54

3.1　排版技术简介 55

3.2 旧的文本样式设计方法 56

3.3　一个新的开始：语义标示 57

3.3.1　段落和标题 58

3.3.2　逻辑和物理的样式 58

3.3.3 结构良好的标示的重要性 61

3.4　使用CSS设置文本样式 62

3.4.1 定义字体颜色 63

3.4.2　定义字体 63

3.4.3　为文本使用图像 68

3.4.4　定义字体大小和行高 70

3.4.5　定义字体样式、字体灰度和字体大小写转换 73

3.4.6　用于字体属性的CSS简写 74

3.4.7　控制文本元素边距 75

3.4.8　将文本缩进用于与印刷类似的段落 75

3.4.9　设置字符间距和字间距 76

3.4.10　使用text-transform控制大小写 77

3.4.11　使用类和span创建备选项 77

3.4.12　样式化语义标示 78

3.4.13　使用CSS创建段首大字和插入引用 86

3.5 使用列表 94

3.5.1　无序列表 94

3.5.2　排序列表 94

3.5.3　定义列表 95

3.5.4　嵌套列表 95

3.5.5　使用CSS样式化列表 96

3.5.6　列表的外边距和内边距 98

3.5.7　用于导航的行内列表 99

3.5.8　创造性地使用列表 99

第4章　使用图像 104

4.1 简介 105

4.2　色彩理论 105

4.2.1 色轮 105

4.2.2　加色和减色系统 105

4.2.3　使用色轮创建配色方案 106

4.2.4　使用十六进制值 108

4.2.5 网络安全颜色 108

4.3　选择图像格式 109

4.3.1 JPEG 109

4.3.2 GIF 110

4.3.3 GIF89：透明的GIF 111

4.3.4　PNG 112

4.3.5　其他图像格式 113

4.4　常见的Web图像错误 113

4.4.1 为正文使用图形 113

4.4.2　不从原始图像开始处理 114

4.4.3 改写原始文档 114

4.4.4　杂乱的背景 114

4.4.5　缺乏对比 115

4.4.6　使用错误的图像格式 115

4.4.7　在HTML中重新设置尺寸 115

4.4.8　没有平衡质量和文件尺寸 116

4.4.9　文本覆盖及图像分割 116

4.4.10　盗用图像和设计 117

4.5 在XHTML中使用图像 117

4.5.1　使用备用文本提高可访问性 117

4.5.2　基于链接的图像的描述性备用文本 118

4.5.3　用于界面图像的空alt属性 118

4.5.4　对提示条应用备用文本和标题文本 118

4.6　在处理图像时使用CSS 119

4.6.1 应用CSS图像边框 119

4.6.2　使用CSS使文本环绕图像 121

4.6.3　显示随机图像 122

第5章　使用链接及创建导航 127

5.1 Web导航简介 128

5.2 导航类型 128

5.2.1 内联导航 128

5.2.2 网站导航 128

5.2.3　基于搜索的导航 129

5.3　创建网页链接并加上样式 130

5.3.1 绝对链接 130

5.3.2　相对链接 131

5.3.3　根目录相对链接 131

5.3.4　页面内部链接 132

5.3.5　与段落标识符的向后兼容性 132

5.3.6　页面顶端链接 133

5.3.7　链接状态 134

5.3.8　使用CSS定义链接状态 134

5.3.9　正确排列链接状态 135

5.3.10　a和a:link之间的差别 136

5.3.11 使用CSS编辑链接样式 136

5.3.12　多重链接状态：层叠 138

5.3.13　增强的链接可访问性和易用性 140

5.3.14　链接目标 146

5.4　链接和图像 147

5.4.1 为图像添加弹出框 148

5.4.2　图像映射 152

5.4.3　使用CSS模拟图像映射 153

5.5　使用JavaScript增强链接 158

5.5.1　创建一个弹出式窗口 158

5.5.2　创建在线图库 160

5.5.3　可收缩的页面内容 164

5.6　创建导航栏 169

5.6.1 为导航栏使用列表 169

5.6.2　使用行内列表 175

5.6.3　具备翻滚效果的图形化导航 183

5.7　Web导航应该做的和不应该做的 200

第6章　表格：自然（以及W3C）的需求 201

6.1　表格的大争论 202

6.2　表格如何工作 202

6.2.1　添加一个边框 203

6.2.2　单元格间隔和内边距 203

6.2.3　跨越行和单元格 203

6.2.4　设置大小和对齐方式 204

6.3　创建容易理解的表格 206

6.3.1　标题和摘要 206

6.3.2　使用表头 206

6.3.3　行组 207

6.3.4　范围和表头 207

6.3.5　建立一个表格 209

6.4　设置表格样式 212

6.4.1　添加表格边框 212

6.4.2　添加分隔条 216

6.5　用于布局的表格 218

第7章　使用CSS进行页面设计 220

7.1 Web布局 221

7.1.1 网格和方框 221

7.1.2　使用栏目 221

7.1.3 固定设计vs．流式设计 222

7.1.4　布局设计技术：表格vs.CSS 223

7.1.5　符合逻辑的元素放置 223

7.2　CSS布局设计工作流程 224

7.2.1　布局剖析：表格vs.CSS 224

7.2.2　创建页面结构 224

7.2.3 盒子格式 225

7.3　CSS布局：一个盒子 226

7.4　嵌套的盒子：boxout 232

7.5　使用多重盒子和栏目的高级布局 236

7.5.1 使用两个结构化div 236

7.5.2　在包装器中放置栏目及清除浮动内容 243

7.5.3　使用工具条和多个boxout 247

7.5.4　创建两侧的工具条 251

7.5.5 自动调整布局 256

7.6　可滚动的内容区域 258

7.6.1　使用框架 259

7.6.2　使用iframe 260

7.6.3　使用CSS的可滚动内容区域 261

第8章　获取用户反馈 263

8.1　用户反馈简介 264

8.1.1 使用mailto:URL 264

8.1.2　地址编码 264

8.2　使用表单 265

8.2.1　创建一个表单 265

8.2.2　添加控件 265

8.2.3　增强表单的可访问性 267

8.3　表单的CSS样式和布局 268

8.3.1　添加表单样式 268

8.3.2　使用CSS的高级表单布局 271

8.4　发送反馈 273

8.4.1 配置nms FormMail 274

8.4.2　脚本服务器权限 275

8.4.3　用PHP发送表单数据 276

8.4.4　使用E-mail发送表单数据 279

8.5　联络页面的布局设计 280

8.6　使用微格式改进联络信息 281

8.7　详细联络信息结构回归 286

第9章　处理浏览器的古怪行为 289

9.1 最终测试 290

9.2　消除常见错误 290

9.3　浏览器测试套件 292

9.4 处理Internet Explorer的常见bug 296

9.4.1　过时的CSS文档hack技巧 296

9.4.2　条件注释 297

9.4.3　处理舍入误差 299

9.4.4　alt文本覆盖标题文本 300

9.4.5　Internet Explorer 5.x常见问题的修复 300

9.4.6 Internet Explorer 6和Internet Explorer 5的常见问题修复 301

9.4.7 修复haslayout问题 306

9.5　针对其他浏览器 307

第10章　整合所有内容 309

10.1 装配部件 310

10.2　管理样式单 310

10.3　创建一个作品展示布局 311

10.3.1 关于设计和所需的图像 311

10.3.2　装配图库 312

10.3.3　设置图库样式 313

10.3.4 为Internet Explorer做特别的处理 315

10.4　创建一个在线店铺 315

10.4.1 关于设计和所需的图像 315

10.4.2　装配店铺 316

10.4.3　设置店铺样式 318

10.4.4　店铺布局所用的字体和修复 320

10.5　创建一个商业网站 323

10.5.1 关于设计和所需的图像 323

10.5.2　装配商业网站 324

10.5.3　设置商业网站样式 325

10.6　用于打印的样式单 327

附录A　XHTML参考手册 332

A.1　标准属性 333

A.1.1　核心属性 333

A.1.2　键盘属性 333

A.1.3　语言属性 334

A.2　事件属性 334

A.2.1 核心事件 334

A.2.2　表单元素事件 335

A.2.3 窗口事件 335

A.3　XHTML元素和属性 336

附录B　Web色彩参考手册 359

B.1 颜色值 360

B.2　颜色名称 360

附录C　实体参考手册 362

C.1　XHTML中使用的字符 363

C.2　标点和符号 363

C.2.1 引号 363

C.2.2　分隔符和非打印字符 364

C.2.3　标点符号 364

C.2.4　符号 365

C.3　欧洲语言所用字符 365

C.4　数学、科技和希腊字符 368

C.4.1　常用数学字符 369

C.4.2　高级数学和技术符号 369

C.4.3　希腊字符 371

C.5　箭头、菱形和扑克牌花色 373

C.6　转换非标准的Microsoft字符集 373

附录D　CSS参考手册 375

D.1 CSS盒子模型 376

D.2　共用CSS值 377

D.3 CSS属性和值 377

D.4　基本选择符 389

D.5　伪类 390

D.6　伪元素 390

D.7　CSS样板文件及管理 390

附录E　浏览器指南 393

E.1 Firefox 394

E.2　Internet Explorer 394

E.3　Opera 395

E.4　Safari 395

E.5　其他浏览器 396

附录F　软件指南 397

F.1　Web设计软件 398

F.2　图形设计软件 398

F.3　我的工具箱 399