学习HTML5(第7版)

图书标准信息

• 作者 Terry Felke-Morris 潘玉琪
• 出版社 清华大学出版社
• 出版时间 2017-08
• 版次 7
• ISBN 9787302478089
• 定价 99.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸

【内容简介】

本书广泛适用于各种教程与学习需求，读者可自行灵活掌握使用方法。全书共14章，主要涉及以下重要主题：HTML和CSS编码；网页设计*实践；链接、布局、移动性；网页开发；网页多媒体与交互性；电子商务概览；网页提升；JavaScript和jQuery简介。
  本书适合所有对网页设计感兴趣的读者阅读，是一本理想的入门参考。

【作者简介】

Terry Felke-Morris她一名计算机信息系统教授，来自伊利诺斯州帕拉廷市的威廉雷尼哈珀学院。她拥有教育博士学位、信息系统理科硕士学位，以及包括Adobe Certified Dreamweaver 8 Developer, WOW Certified Associate Webmaster、 MicrosoftCertified Professional、Master CIW Designer，和 CIW Certified Instructor在内的众多认证证书。Felke-Morris博士获得过威廉雷尼哈珀学院颁发的教学技术Glenn A. Reich纪念奖，以表彰她在学院的网页开发程序与课程中的设计工作。2006年，她因为在教学中出色地运用互联网技术而荣获Blackboard Greenhouse 的在线教学示范将。Felke-Morris博士在2008年收获了两个国际奖项：教学技术委员会的电子教学杰出能力奖以及MERLOT的在线教学资源示范奖。因其在商务与工业领域超过25年的信息技术经验，Felke-Morris博士于1996年开通了她的第一个个人网站，并且维护至今。她长期致力于万维网标准的提升，已经成为万维网标准项目教育任务项目组的成员。Felke-Morris博士是威廉雷尼哈珀学院网页开发认证与学位认定项目组的资深成员。更多有关Felke-Morris博士的信息，请访问http://terrymorris.net。

潘玉琪同济修智能交通，学成后入行IT，与数据深交多年，业余时间不是窝在书房里看看写写画画，就是钻到厨房里折腾锅碗瓢盆，被誉为“交通圈里最会做菜的IT攻城狮”，实为一枚如假包换的程序媛。平生最大的愿望是一路逛吃逛吃走饭遍天下，然后回家山寨克隆另立门派。热爱美食与电影，业余在“小筑饭”（微信号：hspyq0601）码字写随笔。代表译著有《极客趣谈I：创意料理语营养美食》与《SQL Server 2012从入门到精通》。

【目录】

目    录



第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