学习HTML5 第7版

1章 互联网与万维网介绍 1

.1 互联网与万维网 2

联网 2

联网的诞生 2

联网的发展 2

维网的诞生 2

一个图形化浏览器 3

术融合 3

在运行互联网？ 3

联网和外部网 4

.2 万维网标准与无障碍访问 5

3C推荐标准 5

维网标准与无障碍访问 5

障碍访问与法律 5

维网通用设计 6

.3 万维网上的信息 7

络信息与可靠性 7

道德地使用网上的信息 8

测题1.1 9

.4 网络概述 9

.5 客户端／服务器模型 10

.6 互联网协议 11

件传输协议（FTP） 12

子邮件协议 12

文本传输协议（HTTP） 12

输控制协议／互联网协议（TCP/IP） 12

.7 统一资源定位符和域名 14

RI和URL 14

名 14

.8 标记语言 16

准通用标记语言（SGML） 17

文本标记语言（HTML） 17

扩展标记语言（XML） 17

扩展超文本标记语言（XHMTL） 17

TML5-HTML语言的最新版本 17

测题1.2 18

.9 万维网上的流行应用 18

子商务 18

动接入 18

客 18

基 19

交网络 19

计算 20

SS 20

客 20

eb 2.0 20

章小结 22

键术语 22

习题 23

手练习 24

站实例研究 24

注网页设计 25

2章 HTML基础 27

.1 HTML概览 28

TML 28

ML 28

HTML 29

TML5 29

.2 文档类型定义 30

.3 网页模板 30

.4 HTML元素 30

.5 四大元素head、title、meta和body 31

部（Head） 31

体（Body） 31

.6 你的第一张网页 32

手实践2.1 32

测题2.1 35

.7 标题元素 36

手实践2.2 36

障碍访问与标题 37

.8 段落元素 38

手实践2.3 38

齐 39

.9 换行元素 39

手实践2.4 40

.10 块引用元素 40

手实践2.5 41

.11 短语元素 42

.12 有序列表 43

型（Type）、起始值（Start）和倒序＊（Reversed）属性 44

手实践2.6 44

.13 无序列表 45

手实践2.7 46

.14 描述列表 47

手实践2.8 47

测题2.2 48

.15 特殊字符 49

手实践2.9 49

.16 结构元素 51

区元素（Div） 51

TML结构性元素 51

眉元素（Header） 51

航链接元素（Nav） 51

体元素（Main） 51

脚元素（Footer） 52

手实践2.10 52

.17 锚元素 53

手实践2.11 54

对超链接 54

对超链接 55

站地图 55

手实践2.12 55

子邮件超链接（E-Mail） 58

手实践2.13 59

障碍访问与超链接 60

级锚 60

测题2.3 61

.18 HTML验证 61

手实践2.14 61

章小结 64

键术语 64

习题 65

以致用 66

手练习 67

维网探秘 68

站实例研究 68

3章 用层叠样式表CSS配置颜色与文本 81

.1 层叠样式表概览 82

叠样式表的优点 82

置层叠样式表 83

式选择器与声明 83

景颜色属性 83

色属性 84

置背景颜色与文本颜色 84

.2 为网页配色 86

六进制的颜色码 86

页安全色 87

色的CSS语法 87

.3 带样式属性的内联CSS 88

式属性（Style） 88

手实践3.1 88

.4 带样式元素的内嵌CSS 90

式（Style）元素 90

手实践3.2 91

测题3.1 93

.5 用CSS配置文本 93

体系列属性（font-family） 93

多的CSS字体属性 95

SS3文本阴影属性 97

手实践3.3 97

.6 CSS类、id与派生选择器 100

选择器 100

d选择器 101

手实践3.4 101

生选择器 102

.7 Span元素 103

手实践3.5 103

.8 使用外部样式表 104

接元素 104

手实践3.6 105

手实践3.7 106

测题3.2 108

.9 用CSS实现HTML元素居中 109

手实践3.8 110

.10 层叠 111

手实践3.9 112

.12 CSS验证 113

手实践3.10 114

章小结 116

键术语 116

习题 116

手练习 119

维网探秘 121

注网页设计 121

站实例研究 122

4章 视觉元素与图像 131

.1 配置线条与边框 132

平分隔线元素 132

手实践4.1 132

框属性与间距属性 132

手实践4.2 136

测题4.1 138

.2 图像类型 138

像互换格式（GIF）图片 138

合照片专家小组（JPEG）图像 139

移植网络图形格式（PNG）图像 141

型的WebP图像格式 141

.3 图像元素 141

障碍访问和图像 143

像超链接 143

手实践4.3 143

化Web图像 145

手实践4.4 146

.4 HTML5视觉元素 147

TML5 Figure元素 147

TML5 Figcaption元素 148

手实践4.5 148

TML5 Meter元素 149

TML5 Progress元素 150

.5 背景图像 151

ackground-image属性 151

时配置背景色和背景图 151

览器显示背景图 151

ackground-repeat属性 151

ackground-position属性 153

手实践4.6 153

ackground-attachment属性 154

测题4.2 155

.6 更多有关图像的知识 155

像映射 155

射元素 155

域元素 155

索矩形图像映射 156

藏图标 157

置收藏图标 157

手实践4.7 158

像切割 158

SS精灵 159

.7 图片来源与使用原则 159

片来源 159

像使用指导原则 160

障碍访问和视觉元素 161

测题4.3 161

.8 CSS3视觉效果 162

SS3 background-clip属性 162

SS3 background-origin属性 163

SS3 background-size属性 163

SS3中对多张背景图像的处理 165

手实践4.8 166

SS3圆角效果 166

手实践4.9 167

SS3 box-shadow属性 168

手实践4.10 169

SS3的opacity属性 170

手实践4.11 171

S3 RGBA颜色 172

手实践4.12 174

SS3 HSLA颜色 174

手实践4.13 176

SS3渐变 177

章小结 180

键术语 180

习题 181

以致用 182

手练习 183

维网探秘 184

注网页设计 184

站实例研究 185

5章 网页设计 197

.1 为目标受众群体而设计 198

.2 网站的组织结构 199

层结构 199

性结构 200

机结构 201

.3 视觉效果设计原则 201

复：在整个设计中重复使用视觉组件 201

比：提升视觉刺激效果，吸引注意力 202

近：组合相关的项目 202

齐：将元素对齐形成视觉上的统一效果 203

.4 无障碍访问设计 203

将从通用设计与无障碍访问设计中获益？ 203

障碍访问设计有利于被搜索引擎检索到 204

正确的事：提供无障碍访问 204

.5 适合于Web的写作风格 205

心组织内容 205

体选择 205

体大小 206

体粗细 206

字颜色对比 206

本行的长度 206

齐 206

链接中的文本 206

读级别 207

写和语法 207

.6 颜色的使用 207

于图像的配色方案 207

轮 208

于色轮的配色方案 209

配色方案进行补充 210

障碍访问与颜色 211

色与目标受众 211

测题5.1 214

.7 图片与多媒体的应用 214

像的文件大小和尺寸 214

媒体中的抗锯齿或锯齿文字 215

使用必要的多媒体 215

供替代文本 215

.8 更多设计方面的注意事项 216

载时间 216

屏 217

分留白 217

免水平滚动 217

览器 217

幕分辨率 218

.9 导航设计 218

于导航 218

航栏 218

包屑导航 218

用图形实现导航 219

过重复导航链接 219

态导航 220

点地图 220

内检索功能 221

.10 页面布局设计 221

框和页面布局 221

面布局设计技术 223

.11 设计适应于移动设备的Web 225

种方法 226

计移动设备端网站时需要考虑的因素 226

面网站与移动网站示例 226

应式网页设计 228

.12 网页设计最佳实践核对清单 230

测题5.2 232

章小结 233

键术语 233

习题 234

维网探秘 236

注网页设计 237

站实例研究 238

eb项目 239

6章 页面布局 241

.1 盒模型 242

容 242

边距 242

框 242

边距 242

argin属性 243

模型的作用 243

.2 正常流 244

手实践6.1 245

.3 CSS浮动 247

手实践6.2 248

动元素和正常流 248

.4 CSS：清除浮动 249

lear属性 249

verflow属性 250

测题6.1 252

.5 CSS双栏页面布局 252

栏为导航的双栏布局 252

栏页面，顶部是页眉，左侧为导航 254

尺竿头还需更进一步 255

.6 无序列表中的超链接 255

CSS配置列表标记 256

无序列表组织垂直导航区域 257

无序列表组织水平导航区域 258

.7 用CSS伪类增加交互效果 259

手实践6.3 260

.8 CSS双栏布局实战 262

手实践6.4 262

.9 页眉文本图像替换 265

进的页眉文本图像替换技术 266

手实践6.5 266

.10 实战图片库 267

手实践6.6 267

.11 利用CSS进行定位 269

态定位 270

定定位 270

对定位 270

对定位 271

手实践6.7 272

.12 CSS调试技术 274

证HTML语法是否正确 274

证CSS语法是否正确 274

置临时背景颜色 274

置临时边框 274

用注释查找意想不到的重叠 274

.13 更多HTML5结构元素 275

ection元素 275

rticle元素 276

side元素 276

ime元素 276

手实践6.8 276

.14 旧浏览器的HTML5兼容性 278

置CSS块显示 279

TML5 Shim 279

手实践6.9 279

测题6.2 280

章小结 281

键术语 281

习题 281

以致用 282

手练习 285

维网探秘 286

站实例研究 286

eb项目 298

7章 深入了解超链接、列表和移动端网页设计 299

.1 换个角度看看超链接 300

关相对超链接的更多知识 300

对链接示例 300

手实践7.1 301

段标识符 302

手实践7.2 303

RIA的标志角色 305

arget属性 305

手实践7.3 306

级锚点 306

话与短信超链接 306

.2 CSS精灵 306

手实践7.4 307

测题4.1 309

.3 三栏式CSS页面布局 309

手实践7.5 310

.4 CSS打印样式 316

印样式最佳实践 316

手实践7.6 319

.5 设计显示于移动设备上的网页 321

动网页设计最佳实践 322

.6 视窗的meta标签 324

.7 CSS3多媒体查询 325

么是多媒体查询？ 326

用link元素的多媒体查询示例 326

用@media规则的多媒体查询示例 327

手实践7.7 329

.8 弹性图像 332

手实践7.8 333

.9 测试在移动设备上的显示效果 335

桌面电脑的浏览器进行测试 336

限于特别专业的开发者 337

媒体查询与Internet Explorer浏览器 337

动设备优先 337

.10 CSS3弹性盒布局 338

置一个弹性容器 338

置弹性项目 339

手实践7.9 340

测题7.2 343

章小结 344

键术语 344

习题 344

以致用 345

手练习 348

维网探秘 349

注网页设计 349

站实例研究 350

eb项目 363

8章 表格 365

.1 表格概览 366

格元素 366

order属性 367

格标题 367

.2 表格行、单元格与表头 368

格行元素 368

格数据元素 368

格表头元素 369

手实践8.1 370

.3 跨行和跨列 370

olspan属性 370

owspan属性 371

手实践8.2 371

.4 配置一张可无障碍访问的表格 372

测题8.1 374

.5 用CSS设置表格样式 374

手实践8.3 375

.6 CSS3结构化伪类 377

手实践8.4 378

.7 配置表格中的各个部分 379

测题8.2 380

章小结 381

键术语 381

习题 381

以致用 382

手练习 384

维网探秘 385

注网页设计 385

站实例研究 385

eb项目 390

9章 表单 391

.1 表单概述 392

单元素 393

单控件 394

.2 输入元素表单控件 394

本框 394

交按钮 396

置按钮 396

手实践9.1 397

选框 398

选按钮 399

藏输入控件 400

码框 401

.3 滚动文本框 401

手实践9.2 402

.4 选择列表 404

择元素 404

项元素 405

测题9.1 406

.5 图像按钮和按钮元素 406

像按钮 407

钮元素 407

.6 无障碍访问与表单 408

签元素 408

手实践9.3 409

ieldset和Legend元素 409

手实践9.4 410

abindex属性 411

ccesskey属性 412

测题9.2 412

.7 用CSS定义表单样式 413

.8 服务器端的处理 414

手实践9.5 415

私和表单 417

务器端处理的资源 417

索服务器端处理技术 418

测题9.3 418

.9 HTML5表单控件 418

子邮件地址输入 419

RL输入控件 419

话号码输入控件 420

索字段输入控件 420

据列表表单控件 421

块表单控件 422

调器表单控件 423

历表单控件 424

色器表单控件 425

手实践9.6 425

TML5与渐进式提升 427

章小结 428

键术语 428

习题 428

以致用 430

手练习 431

维网探秘 433

注网页设计 434

站实例研究 434

eb项目 444

10章 网站开发 445

0.1 大型项目的成功开发 446

目工作角色 446

定项目人选的标准 447

0.2 开发流程 448

念形成 450

析 450

计 451

发 452

试 453

动测试工具和校验器 454

用 456

护 456

估 456

测题10.1 457

0.3 域名概述 457

选域名 457

册域名 458

0.4 主机寄存 458

机供应商 459

存的类型 459

0.5 选择虚拟主机 460

测题10.2 462

章小结 463

键术语 463

习题 463

手练习 465

维网探秘 466

注网页设计 467

站实例研究 467

eb项目 467

11章 多媒体与交互性 469

1.1 插件、容器和编解码器 470

1.2 开启音频与视频之旅 472

供超链接 472

手实践11.1 472

网上的多媒体打交道 473

媒体与无障碍访问 475

览器兼容性问题 475

1.3 Adobe Flash 475

TML5内嵌元素 476

手实践11.2 477

lash资源 477

测题11.1 478

1.4 HTML5音频和视频元素 478

频元素 479

元素 479

页上的HTML5音频 479

手实践11.3 480

频元素 481

元素 482

页上的HTML5视频 482

手实践11.4 483

1.5 多媒体文件与版权法律 484

1.6 CSS3和交互性 485

SS图片库 485

手实践11.5 485

SS3Transform属性 487

SS3 Rotate变换 488

手实践11.6 488

SS Transition属性 490

手实践11.7 490

习应用过渡效果 492

手实践11.8 492

1.7 Java 494

网页上添加Java小程序 495

ava小程序资源 497

测题11.1 497

1.8 JavaScript 497

avaScript资源 499

1.9 Ajax 499

jax资源 501

1.10 jQuery 501

Query资源 502

1.11 HTML5 API 502

理位置 502

络存储 502

线应用 503

Canvas 元素绘图 503

TML5 API资源 505

测题11.3 505

1.12 无障碍与多媒体／交互性 505

章小结 507

键术语 507

习题 508

以致用 509

手练习 510

维网探秘 511

注网页设计 511

站实例研究 512

eb项目 517

12章 电子商务概述 519

2.1 什么是电子商务？ 520

子商务的优势 520

子商务的风险 520

2.2 电子商务商业模式 521

2.3 电子数据交换（EDI） 522

2.4 电子商务统计数据 522

2.5 电子商务相关问题 524

2.6 电子商务安全 525

密 525

整性 526

全套接字层（SSL） 526

字证书 527

SL和数字证书 528

测题12.1 528

2.7 订单和支付处理 529

金模型 529

用卡模型 529

能卡模型 529

动支付模型 530

2.8 开设电子商务店铺的解决方案 530

成网店 530

成的购物车软件 531

制解决方案 531

据预算决定的半定制解决方案 531

测题12.2 532

章小结 533

键术语 533

习题 533

手练习 535

维网探秘 535

注网页设计 536

站实例研究 536

eb项目 547

13章 网站推广 549

3.1 搜索引擎概述 550

3.2 流行的搜索引擎 550

3.3 搜索引擎组件 550

器人 551

据库 551

索表单 551

3.4 搜索引擎优化 552

键字 552

页标题 552

题标签 552

述 552

escription元标签 553

接 553

像和多媒体 553

效的代码 554

价值的内容 554

3.5 被搜索引擎收录 554

适的站点地图 555

盟 556

测题13.1 556

3.6 监控搜索列表 556

3.7 链接流行度 558

3.8 社交媒体优化 558

客和RSS源 559

交网络 559

3.9 其他的网站推广活动 560

速反应（QR）码 560

销联盟计划 560

幅广告 561

幅广告互换 561

惠链接协议 562

事通讯 562

“粘性”的网站功能 562

人推荐 562

闻组和邮件列表服务 562

统媒体广告与现有的营销材料 563

测题13.2 563

3.10 通过内联框架提供动态内容 563

frame元素 563

联框架中的YouTube视频 565

手实践13.1 565

章小结 567

键术语 567

习题 568

手练习 569

维网探秘 569

注网页设计 569

站实例研究 570

eb项目 572

14章 JavaScript 573

4.1 JavaScript概述 574

4.2 JavaScript的发展历程 574

4.3 JavaScript的常见用途 575

告消息 575

窗 575

转菜单 576

标移动技术 576

4.4 在网页中添加JavaScript 577

cript元素 577

统JavaScript语句块模板 578

告消息框 578

手实践14.1 578

试练习 579

测题14.1 580

4.5 文档对象模型概述 580

手实践14.2 581

4.6 事件与事件处理程序 583

手实践14.3 584

测题14.2 585

4.7 变量 585

网页中使用变量 586

手实践14.4 586

用输入提示框获取变量值 588

手实践14.5 588

4.8 编程概念介绍 589

术运算符 589

断结构 590

手实践14.6 591

数 593

手实践14.7 594

测题14.3 595

4.9 表单处理 595

手实践14.8 596

测题14.4 601

4.10 无障碍访问与JavaScript 601

4.11 JavaScript资源 601

4.12 jQuery概述 602

4.13 在网页中添加jQuery 602

载jQuery 602

过内容分发网络访问jQuery 603

eady事件 603

手实践14.9 604

4.14 jQuery选择器 605

4.15 jQuery方法 605

手实践14.1 0 606

4.16 jQuery图片库 608

手实践14.1 1 609

4.17 jQuery插件 611

手实践14.12 612

手实践14.13 613

4.18 jQuery资源 615

测题14.5 616

章小结 617

键术语 617

习题 618

以致用 619

手练习 620

维网探秘 621

站实例研究 621

eb项目 630

录 网页开发人员手册 631

考答案 653