学习HTML5（第7版）

目    录
 
第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.10   606
14.16  jQuery图片库 608
动手实践14.11   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