学习HTML5 第7版PDF电子书下载

第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