第1章 互联网与万维网介绍 1
1.1 互联网与万维网 2
互联网 2
互联网的诞生 2
互联网的发展 2
万维网的诞生 2
第一个图形化浏览器 3
技术融合 3
谁在运行互联网？ 3
内联网和外部网 4
1.2 万维网标准与无障碍访问 5
W3C推荐标准 5
万维网标准与无障碍访问 5
无障碍访问与法律 5
万维网通用设计 6
1.3 万维网上的信息 7
网络信息与可靠性 7
有道德地使用网上的信息 8
自测题1.1 9
1.4 网络概述 9
1.5 客户端／服务器模型 10
1.6 互联网协议 11
文件传输协议（FTP） 12
电子邮件协议 12
超文本传输协议（HTTP） 12
传输控制协议／互联网协议（TCP/IP） 12
1.7 统一资源定位符和域名 14
URI和URL 14
域名 14
1.8 标记语言 16
标准通用标记语言（SGML） 17
超文本标记语言（HTML） 17
可扩展标记语言（XML） 17
可扩展超文本标记语言（XHMTL） 17
HTML5-HTML语言的最新版本 17
自测题1.2 18
1.9 万维网上的流行应用 18
电子商务 18
移动接入 18
博客 18
维基 19
社交网络 19
云计算 20
RSS 20
播客 20
Web 2.0 20
本章小结 22
关键术语 22
复习题 23
动手练习 24
网站实例研究 24
关注网页设计 25
第2章 HTML基础 27
2.1 HTML概览 28
HTML 28
XML 28
XHTML 29
HTML5 29
2.2 文档类型定义 30
2.3 网页模板 30
2.4 HTML元素 30
2.5 四大元素head、title、meta和body 31
头部（Head） 31
主体（Body） 31
2.6 你的第一张网页 32
动手实践2.1 32
自测题2.1 35
2.7 标题元素 36
动手实践2.2 36
无障碍访问与标题 37
2.8 段落元素 38
动手实践2.3 38
对齐 39
2.9 换行元素 39
动手实践2.4 40
2.10 块引用元素 40
动手实践2.5 41
2.11 短语元素 42
2.12 有序列表 43
类型（Type）、起始值（Start）和倒序＊（Reversed）属性 44
动手实践2.6 44
2.13 无序列表 45
动手实践2.7 46
2.14 描述列表 47
动手实践2.8 47
自测题2.2 48
2.15 特殊字符 49
动手实践2.9 49
2.16 结构元素 51
分区元素（Div） 51
HTML结构性元素 51
页眉元素（Header） 51
导航链接元素（Nav） 51
主体元素（Main） 51
页脚元素（Footer） 52
动手实践2.10 52
2.17 锚元素 53
动手实践2.11 54
绝对超链接 54
相对超链接 55
网站地图 55
动手实践2.12 55
电子邮件超链接（E-Mail） 58
动手实践2.13 59
无障碍访问与超链接 60
块级锚 60
自测题2.3 61
2.18 HTML验证 61
动手实践2.14 61
本章小结 64
关键术语 64
复习题 65
学以致用 66
动手练习 67
万维网探秘 68
网站实例研究 68
第3章 用层叠样式表CSS配置颜色与文本 81
3.1 层叠样式表概览 82
层叠样式表的优点 82
配置层叠样式表 83
样式选择器与声明 83
背景颜色属性 83
颜色属性 84
配置背景颜色与文本颜色 84
3.2 为网页配色 86
十六进制的颜色码 86
网页安全色 87
配色的CSS语法 87
3.3 带样式属性的内联CSS 88
样式属性（Style） 88
动手实践3.1 88
3.4 带样式元素的内嵌CSS 90
样式（Style）元素 90
动手实践3.2 91
自测题3.1 93
3.5 用CSS配置文本 93
字体系列属性（font-family） 93
更多的CSS字体属性 95
CSS3文本阴影属性 97
动手实践3.3 97
3.6 CSS类、id与派生选择器 100
类选择器 100
id选择器 101
动手实践3.4 101
派生选择器 102
3.7 Span元素 103
动手实践3.5 103
3.8 使用外部样式表 104
链接元素 104
动手实践3.6 105
动手实践3.7 106
自测题3.2 108
3.9 用CSS实现HTML元素居中 109
动手实践3.8 110
3.10 层叠 111
动手实践3.9 112
3.12 CSS验证 113
动手实践3.10 114
本章小结 116
关键术语 116
复习题 116
动手练习 119
万维网探秘 121
关注网页设计 121
网站实例研究 122
第4章 视觉元素与图像 131
4.1 配置线条与边框 132
水平分隔线元素 132
动手实践4.1 132
边框属性与间距属性 132
动手实践4.2 136
自测题4.1 138
4.2 图像类型 138
图像互换格式（GIF）图片 138
联合照片专家小组（JPEG）图像 139
可移植网络图形格式（PNG）图像 141
新型的WebP图像格式 141
4.3 图像元素 141
无障碍访问和图像 143
图像超链接 143
动手实践4.3 143
优化Web图像 145
动手实践4.4 146
4.4 HTML5视觉元素 147
HTML5 Figure元素 147
HTML5 Figcaption元素 148
动手实践4.5 148
HTML5 Meter元素 149
HTML5 Progress元素 150
4.5 背景图像 151
background-image属性 151
同时配置背景色和背景图 151
浏览器显示背景图 151
background-repeat属性 151
background-position属性 153
动手实践4.6 153
background-attachment属性 154
自测题4.2 155
4.6 更多有关图像的知识 155
图像映射 155
映射元素 155
区域元素 155
探索矩形图像映射 156
收藏图标 157
配置收藏图标 157
动手实践4.7 158
图像切割 158
CSS精灵 159
4.7 图片来源与使用原则 159
图片来源 159
图像使用指导原则 160
无障碍访问和视觉元素 161
自测题4.3 161
4.8 CSS3视觉效果 162
CSS3 background-clip属性 162
CSS3 background-origin属性 163
CSS3 background-size属性 163
CSS3中对多张背景图像的处理 165
动手实践4.8 166
CSS3圆角效果 166
动手实践4.9 167
CSS3 box-shadow属性 168
动手实践4.10 169
CSS3的opacity属性 170
动手实践4.11 171
CS3 RGBA颜色 172
动手实践4.12 174
CSS3 HSLA颜色 174
动手实践4.13 176
CSS3渐变 177
本章小结 180
关键术语 180
复习题 181
学以致用 182
动手练习 183
万维网探秘 184
关注网页设计 184
网站实例研究 185
第5章 网页设计 197
5.1 为目标受众群体而设计 198
5.2 网站的组织结构 199
分层结构 199
线性结构 200
随机结构 201
5.3 视觉效果设计原则 201
重复：在整个设计中重复使用视觉组件 201
对比：提升视觉刺激效果，吸引注意力 202
邻近：组合相关的项目 202
对齐：将元素对齐形成视觉上的统一效果 203
5.4 无障碍访问设计 203
谁将从通用设计与无障碍访问设计中获益？ 203
无障碍访问设计有利于被搜索引擎检索到 204
做正确的事：提供无障碍访问 204
5.5 适合于Web的写作风格 205
精心组织内容 205
字体选择 205
字体大小 206
字体粗细 206
文字颜色对比 206
文本行的长度 206
对齐 206
超链接中的文本 206
阅读级别 207
拼写和语法 207
5.6 颜色的使用 207
基于图像的配色方案 207
色轮 208
基于色轮的配色方案 209
对配色方案进行补充 210
无障碍访问与颜色 211
颜色与目标受众 211
自测题5.1 214
5.7 图片与多媒体的应用 214
图像的文件大小和尺寸 214
多媒体中的抗锯齿或锯齿文字 215
仅使用必要的多媒体 215
提供替代文本 215
5.8 更多设计方面的注意事项 216
加载时间 216
首屏 217
充分留白 217
避免水平滚动 217
浏览器 217
屏幕分辨率 218
5.9 导航设计 218
易于导航 218
导航栏 218
面包屑导航 218
利用图形实现导航 219
跳过重复导航链接 219
动态导航 220
站点地图 220
站内检索功能 221
5.10 页面布局设计 221
线框和页面布局 221
页面布局设计技术 223
5.11 设计适应于移动设备的Web 225
三种方法 226
设计移动设备端网站时需要考虑的因素 226
桌面网站与移动网站示例 226
响应式网页设计 228
5.12 网页设计最佳实践核对清单 230
自测题5.2 232
本章小结 233
关键术语 233
复习题 234
万维网探秘 236
关注网页设计 237
网站实例研究 238
Web项目 239
第6章 页面布局 241
6.1 盒模型 242
内容 242
内边距 242
边框 242
外边距 242
Margin属性 243
盒模型的作用 243
6.2 正常流 244
动手实践6.1 245
6.3 CSS浮动 247
动手实践6.2 248
浮动元素和正常流 248
6.4 CSS：清除浮动 249
clear属性 249
overflow属性 250
自测题6.1 252
6.5 CSS双栏页面布局 252
左栏为导航的双栏布局 252
双栏页面，顶部是页眉，左侧为导航 254
百尺竿头还需更进一步 255
6.6 无序列表中的超链接 255
用CSS配置列表标记 256
用无序列表组织垂直导航区域 257
用无序列表组织水平导航区域 258
6.7 用CSS伪类增加交互效果 259
动手实践6.3 260
6.8 CSS双栏布局实战 262
动手实践6.4 262
6.9 页眉文本图像替换 265
改进的页眉文本图像替换技术 266
动手实践6.5 266
6.10 实战图片库 267
动手实践6.6 267
6.11 利用CSS进行定位 269
静态定位 270
固定定位 270
相对定位 270
绝对定位 271
动手实践6.7 272
6.12 CSS调试技术 274
验证HTML语法是否正确 274
验证CSS语法是否正确 274
设置临时背景颜色 274
设置临时边框 274
使用注释查找意想不到的重叠 274
6.13 更多HTML5结构元素 275
section元素 275
article元素 276
aside元素 276
time元素 276
动手实践6.8 276
6.14 旧浏览器的HTML5兼容性 278
配置CSS块显示 279
HTML5 Shim 279
动手实践6.9 279
自测题6.2 280
本章小结 281
关键术语 281
复习题 281
学以致用 282
动手练习 285
万维网探秘 286
网站实例研究 286
Web项目 298
第7章 深入了解超链接、列表和移动端网页设计 299
7.1 换个角度看看超链接 300
有关相对超链接的更多知识 300
相对链接示例 300
动手实践7.1 301
区段标识符 302
动手实践7.2 303
ARIA的标志角色 305
target属性 305
动手实践7.3 306
块级锚点 306
电话与短信超链接 306
7.2 CSS精灵 306
动手实践7.4 307
自测题4.1 309
7.3 三栏式CSS页面布局 309
动手实践7.5 310
7.4 CSS打印样式 316
打印样式最佳实践 316
动手实践7.6 319
7.5 设计显示于移动设备上的网页 321
移动网页设计最佳实践 322
7.6 视窗的meta标签 324
7.7 CSS3多媒体查询 325
什么是多媒体查询？ 326
使用link元素的多媒体查询示例 326
使用@media规则的多媒体查询示例 327
动手实践7.7 329
7.8 弹性图像 332
动手实践7.8 333
7.9 测试在移动设备上的显示效果 335
用桌面电脑的浏览器进行测试 336
仅限于特别专业的开发者 337
多媒体查询与Internet Explorer浏览器 337
移动设备优先 337
7.10 CSS3弹性盒布局 338
配置一个弹性容器 338
配置弹性项目 339
动手实践7.9 340
自测题7.2 343
本章小结 344
关键术语 344
复习题 344
学以致用 345
动手练习 348
万维网探秘 349
关注网页设计 349
网站实例研究 350
Web项目 363
第8章 表格 365
8.1 表格概览 366
表格元素 366
border属性 367
表格标题 367
8.2 表格行、单元格与表头 368
表格行元素 368
表格数据元素 368
表格表头元素 369
动手实践8.1 370
8.3 跨行和跨列 370
colspan属性 370
rowspan属性 371
动手实践8.2 371
8.4 配置一张可无障碍访问的表格 372
自测题8.1 374
8.5 用CSS设置表格样式 374
动手实践8.3 375
8.6 CSS3结构化伪类 377
动手实践8.4 378
8.7 配置表格中的各个部分 379
自测题8.2 380
本章小结 381
关键术语 381
复习题 381
学以致用 382
动手练习 384
万维网探秘 385
关注网页设计 385
网站实例研究 385
Web项目 390
第9章 表单 391
9.1 表单概述 392
表单元素 393
表单控件 394
9.2 输入元素表单控件 394
文本框 394
提交按钮 396
重置按钮 396
动手实践9.1 397
多选框 398
单选按钮 399
隐藏输入控件 400
密码框 401
9.3 滚动文本框 401
动手实践9.2 402
9.4 选择列表 404
选择元素 404
选项元素 405
自测题9.1 406
9.5 图像按钮和按钮元素 406
图像按钮 407
按钮元素 407
9.6 无障碍访问与表单 408
标签元素 408
动手实践9.3 409
Fieldset和Legend元素 409
动手实践9.4 410
tabindex属性 411
accesskey属性 412
自测题9.2 412
9.7 用CSS定义表单样式 413
9.8 服务器端的处理 414
动手实践9.5 415
隐私和表单 417
服务器端处理的资源 417
探索服务器端处理技术 418
自测题9.3 418
9.9 HTML5表单控件 418
电子邮件地址输入 419
URL输入控件 419
电话号码输入控件 420
搜索字段输入控件 420
数据列表表单控件 421
滑块表单控件 422
微调器表单控件 423
日历表单控件 424
拾色器表单控件 425
动手实践9.6 425
HTML5与渐进式提升 427
本章小结 428
关键术语 428
复习题 428
学以致用 430
动手练习 431
万维网探秘 433
关注网页设计 434
网站实例研究 434
Web项目 444
第10章 网站开发 445
10.1 大型项目的成功开发 446
项目工作角色 446
确定项目人选的标准 447
10.2 开发流程 448
概念形成 450
分析 450
设计 451
开发 452
测试 453
自动测试工具和校验器 454
启用 456
维护 456
评估 456
自测题10.1 457
10.3 域名概述 457
挑选域名 457
注册域名 458
10.4 主机寄存 458
主机供应商 459
寄存的类型 459
10.5 选择虚拟主机 460
自测题10.2 462
本章小结 463
关键术语 463
复习题 463
动手练习 465
万维网探秘 466
关注网页设计 467
网站实例研究 467
Web项目 467
第11章 多媒体与交互性 469
11.1 插件、容器和编解码器 470
11.2 开启音频与视频之旅 472
提供超链接 472
动手实践11.1 472
与网上的多媒体打交道 473
多媒体与无障碍访问 475
浏览器兼容性问题 475
11.3 Adobe Flash 475
HTML5内嵌元素 476
动手实践11.2 477
Flash资源 477
自测题11.1 478
11.4 HTML5音频和视频元素 478
音频元素 479
源元素 479
网页上的HTML5音频 479
动手实践11.3 480
视频元素 481
源元素 482
网页上的HTML5视频 482
动手实践11.4 483
11.5 多媒体文件与版权法律 484
11.6 CSS3和交互性 485
CSS图片库 485
动手实践11.5 485
CSS3Transform属性 487
CSS3 Rotate变换 488
动手实践11.6 488
CSS Transition属性 490
动手实践11.7 490
练习应用过渡效果 492
动手实践11.8 492
11.7 Java 494
在网页上添加Java小程序 495
Java小程序资源 497
自测题11.1 497
11.8 JavaScript 497
JavaScript资源 499
11.9 Ajax 499
Ajax资源 501
11.10 jQuery 501
jQuery资源 502
11.11 HTML5 API 502
地理位置 502
网络存储 502
离线应用 503
用Canvas 元素绘图 503
HTML5 API资源 505
自测题11.3 505
11.12 无障碍与多媒体／交互性 505
本章小结 507
关键术语 507
复习题 508
学以致用 509
动手练习 510
万维网探秘 511
关注网页设计 511
网站实例研究 512
Web项目 517
第12章 电子商务概述 519
12.1 什么是电子商务？ 520
电子商务的优势 520
电子商务的风险 520
12.2 电子商务商业模式 521
12.3 电子数据交换（EDI） 522
12.4 电子商务统计数据 522
12.5 电子商务相关问题 524
12.6 电子商务安全 525
加密 525
完整性 526
安全套接字层（SSL） 526
数字证书 527
SSL和数字证书 528
自测题12.1 528
12.7 订单和支付处理 529
现金模型 529
信用卡模型 529
智能卡模型 529
移动支付模型 530
12.8 开设电子商务店铺的解决方案 530
速成网店 530
现成的购物车软件 531
定制解决方案 531
根据预算决定的半定制解决方案 531
自测题12.2 532
本章小结 533
关键术语 533
复习题 533
动手练习 535
万维网探秘 535
关注网页设计 536
网站实例研究 536
Web项目 547
第13章 网站推广 549
13.1 搜索引擎概述 550
13.2 流行的搜索引擎 550
13.3 搜索引擎组件 550
机器人 551
数据库 551
搜索表单 551
13.4 搜索引擎优化 552
关键字 552
网页标题 552
标题标签 552
描述 552
Description元标签 553
链接 553
图像和多媒体 553
有效的代码 554
有价值的内容 554
13.5 被搜索引擎收录 554
合适的站点地图 555
加盟 556
自测题13.1 556
13.6 监控搜索列表 556
13.7 链接流行度 558
13.8 社交媒体优化 558
博客和RSS源 559
社交网络 559
13.9 其他的网站推广活动 560
快速反应（QR）码 560
分销联盟计划 560
横幅广告 561
横幅广告互换 561
互惠链接协议 562
时事通讯 562
有“粘性”的网站功能 562
个人推荐 562
新闻组和邮件列表服务 562
传统媒体广告与现有的营销材料 563
自测题13.2 563
13.10 通过内联框架提供动态内容 563
iframe元素 563
内联框架中的YouTube视频 565
动手实践13.1 565
本章小结 567
关键术语 567
复习题 568
动手练习 569
万维网探秘 569
关注网页设计 569
网站实例研究 570
Web项目 572
第14章 JavaScript 573
14.1 JavaScript概述 574
14.2 JavaScript的发展历程 574
14.3 JavaScript的常见用途 575
警告消息 575
弹窗 575
跳转菜单 576
鼠标移动技术 576
14.4 在网页中添加JavaScript 577
Script元素 577
传统JavaScript语句块模板 578
警告消息框 578
动手实践14.1 578
调试练习 579
自测题14.1 580
14.5 文档对象模型概述 580
动手实践14.2 581
14.6 事件与事件处理程序 583
动手实践14.3 584
自测题14.2 585
14.7 变量 585
在网页中使用变量 586
动手实践14.4 586
使用输入提示框获取变量值 588
动手实践14.5 588
14.8 编程概念介绍 589
算术运算符 589
判断结构 590
动手实践14.6 591
函数 593
动手实践14.7 594
自测题14.3 595
14.9 表单处理 595
动手实践14.8 596
自测题14.4 601
14.10 无障碍访问与JavaScript 601
14.11 JavaScript资源 601
14.12 jQuery概述 602
14.13 在网页中添加jQuery 602
下载jQuery 602
通过内容分发网络访问jQuery 603
Ready事件 603
动手实践14.9 604
14.14 jQuery选择器 605
14.15 jQuery方法 605
动手实践14.1 0 606
14.16 jQuery图片库 608
动手实践14.1 1 609
14.17 jQuery插件 611
动手实践14.12 612
动手实践14.13 613
14.18 jQuery资源 615
自测题14.5 616
本章小结 617
关键术语 617
复习题 618
学以致用 619
动手练习 620
万维网探秘 621
网站实例研究 621
Web项目 630
附录 网页开发人员手册 631
参考答案 653