内容简介

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

本书适合所有对网页设计感兴趣的读者阅读，是一本理想的入门参考。

前    言

这是一本网页开发的入门教程，内容涵盖了网页开发人员需要掌握的基础技术，具体如下所述：

• 互联网概念
• 用HTML5创建网页
• 用层叠样式表(CSS)配置文本、颜色、页面布局
• 网页设计最佳实践
• 无障碍访问标准
• 网页开发流程
• 在页面上添加多媒体与交互式元素
• CSS3新特性
• 网站性能提升与搜索引擎优化
• 电子商务与万维网
• JavaScript

本书特别为读者提供了支持特性，即“网页开发者手册”，这是一系列附录资源的集合，包括HTML5 参考、XHTML参考、HTML5和XHTML的比较、特殊实体字符列表、CSS属性参考、WCAG2.0快速参考以及FTP教程。

本书第7版主要关注HTML5，这种聚焦重点的做法对网页开发初学者来说是有益的。本书综合讲解HTML与CSS主题，例如文本配置、颜色配置、页面布局，同时重点突出设计、无障碍访问、万维网标准等方面的内容。第7版中的新特性主要有以下几项：

• 增加了页面布局设计方面的内容
• 增加了针对移动设备进行设计的内容
• 增加了响应式网页设计技术与CSS媒体查询
• 介绍了新的CSS3弹性盒(Flexbox)——可变布局容器模块
• 更新了JavaScript相关内容，增加了针对jQuery的介绍
• 更新了XHTML、HTML5 和 CSS参考部分的内容
• 增加了供读者动手实践的练习
• 更新了学习案例
• 更新了代码示例、案例学习和网页资源

书中的学生文件可以到本书支持网站下载，网址为http://www.pearsonhighered.com/ felke-morris。这些文件包括了动手练习的解答和网站案例学习的入门文件。

认真完成本书学习之后，你就能够利用现有技术来设计网页了。此外，本书也为你将来运用新的HTML5与CSS3代码技术打下了基础。

本书的组织结构

本书的组织结构如下图所示。

 

 

图P.1  本书的组织比较灵活，读者可根据自己的需求选择阅读

 

本书广泛适用于各种教程与学习需求，读者可自行灵活掌握使用方法。第1章提供了一些介绍性的材料，视读者自身背景的不同可选择阅读或跳过。第2章至第4章介绍了HTML和CSS编码。第5章讨论了网页设计的最佳实践，可以在学习完第3章之后马上跳转至此(或者与第3章配合起来学习)。第6章至第9章继续介绍HTML与CSS。

后续章节各自为独立的学习体系，均可以视学习时间与学习需求的不同选择阅读：第7章(更多有关链接、布局、移动性)、第10章(网页开发)、第11章(网页多媒体与交互性)、第12章(电子商务概览)、第13章(网页提升)、第14章(对JavaScript和 jQuery的简单介绍)。

各章概览如下所示。

• 第1章“互联网与万维网介绍”，本章简单介绍了一些与互联网和万维网有关的术语与概念，这些知识是网页开发人员需要了解的。对许多读者来说，可将某些内容视作回顾。第1章为本书其余章节的基础。
• 第2章“HTML基础”，在介绍HTML5的同时，我们还提供了一些示例与练习，以鼓励读者动手创建网页，从中获取有益经验。在学生文件中提供了动手实践环节的参考答案。
• 第3章“用CSS配置颜色和文本”，本章介绍用层叠样式表(Cascading Style Sheets t，CSS)配置网页颜色与文本的技术。我们建议读者在阅读的过程中动手练习实践。相关的参考答案在学生文件的动手实践部分可以找到。
• 第4章“视觉元素与图形”，本章讨论如何在网页上应用图形与视觉效果，包括图像优化、CSS边框、CSS图像背景、新的CSS3视觉效果以及新的HTML5元素等内容。我们建议读者在学习的过程中动手练习实践。相关的参考答案在学生文件的动手实践部分可以找到。
• 第5章“网页设计”，本章主要关注推荐的网页设计实践与无障碍访问，并对部分内容加以强化，因为某些推荐的网站设计实践需要与其他章节相结合。
• 第6章“页面布局”，本章继续之前已经开始的CSS学习，介绍了有关布放与浮动网页元素有关的技术，其中包括双栏式的CSS页面布局。新的HTML5语义元素与技术使得较早版本的浏览器也能兼容HTML5，我们将介绍相有关知识。学生文件的动手实践部分中提供了示例方案。
• 第7章“链接、布局与移动性的更多内容”，本章回顾之前的一些主题，然后介绍了超链接、CSS精灵(CSS sprites)的使用、三栏式页面布局、配置与打印有关的CSS、设计移动互联网网页、用CSS多媒体查询设计自适应网页、新的CSS3弹性盒布局模块等知识。读者在阅读的过程中可以动手练习实践。相关的参考答案在学生文件的动手实践部分可以找到。
• 第8章“表格”，本章主要关注用HTML元素创建表格。介绍了利用CSS来配置表格的方法。我们建议读者在阅读的过程中可以动手练习实践。相关的参考答案在学生文件的动手实践部分可以找到。
• 第9章“表单”，本章主要讲解如何用HTML元素创建表单。介绍了利用CSS来配置表单的方法，以及新的HTML5表单控制元素与属性。我们建议读者在阅读的过程中动手练习实践。相关的参考答案在学生文件的动手实践部分可以找到。
• 第10章“网页开发”，本章关注于网站开发过程，包括大规模项目的作业角色需求、网页设计过程以及网页寄存等内容。本章还介绍了网页主机检查表的有关知识。
• 第11章“网页多媒体与交互性”，我们可以在网页上添加多媒体、交互性等元素，本章简单介绍了相关内容。这些主题包括新的HTML5视频和音频、Flash动画、Javaapplets、CSS图片库(CSS Image Gallery)、新的CSS3变形与渐变属性、JavaScript、jQuery、Ajax以及新的HTML5 API等。我们建议读者在阅读的过程中动手练习实践。相关的参考答案在学生文件的动手实践部分可以找到。
• 第12章“电子商务概览”，本章介绍电子商务、安全性、网页上的订单处理流程等内容。
• 第13章“网页提升”，本章从网页开发人员的角度讨论网站性能的提升问题，并介绍搜索引擎的优化知识。
• 第14章“JavaScript 和 jQuery简介”，本章介绍利用JavaScript和 jQuery写客户端脚本的技术。相关的示例方案在学生文件的动手实践部分可以找到。
• 附录“网页开发者手册”，该附录包含读者在学习过程中需要的资源与教程，例如HTML5快速参考、特殊实体字符、CSS属性参考、HTML5与XHTML比较、WCAG 2.0快速参考、网页安全色彩调色板以及FTP教程。

本书具有如下特点。

• 题材选择广泛：本书既包含HTML5、CSS、JavaScript 等“硬技术”(第2、3、4、6、7、8、9章)，也包含网页设计(第5章)、网站提升(第13章)、电子商务(第12章)等软技能。这就能为读者打下扎实而全面的基础，从而为从事网页设计相关工作助一臂之力。老师和学生在教学中会发现这是个十分有趣的过程，因为大家可以在学习创建网页与网站时一边讨论、一边融会贯通地综合使用“硬技术”和“软技能”。
• 动手实践：网页开发是一项技能，任何技能都需要经过实践才能提升。本书强调了章节内部的动手实践环节，每一章结束还有练习，同时学习实际运行着的真实互联网网站案例。多种多样的练习内容便于老师根据课程或学期的需要灵活选择。
• 网站案例学习：从第2章起贯穿全书我们提供了针对四个网站的案例研究。另一个案例从第5章开始。案例研究有助于巩固每一章学习的内容。教师可以学期为周期循环安排案例，学生们也可以根据自己的兴趣来选择。案例学习的参考答案可以从本书的教师资源中心下载，地址是http://www.pearsonhighered.com/irc。
• 网页研究我们在每一章中都安排了网页研究环节，从而激励学生们进一步钻研该章主题。
• 关注网页设计本书中大多数章节里都设计了配套的活动，以深入探索与该章主题相关的网页设计技巧。这些活动将帮助学生巩固、拓展和提升课程中所学主题。
• FAQ：在作者的网页开发课程中，学生们经常会问一些类似的问题。作者对此加以整理，在本书中增加了这一环节，并添加了FAQ标识。
• 自测题：每一章有两至三篇自测题，汇聚了若干问题，便于学生们在学习过程中及时总结自我评估。每组问题上都有特殊的自测题图标。
• 关注无障碍访问：开发易于访问的网站的重要性日益彰显，因此本书将对无障碍访问的关注贯穿始终。在有关无障碍访问的内容处我们设置了特殊图标以便于查找。
• 关注道德标准：本书中与网页开发有关的道德标准内容以高亮显示，并设置了特殊的图标。
• 参考材料：本书附录中提供了网页开发人员手册，内容包含HTML5快速参考、特殊实体字符、HTML5与XHTML比较、CSS属性参考、WCAG 2.0快速参考、FTP教程、网页安全色调色板等。

补 充 材 料

学生资源

编写网页练习中的学生文件、网站实例研究以及相关VideoNotes资源，都可以在本书的配套网站上获取，网址是http://www.pearsonhighered.com/felke-morris。如果书籍推出新版本，相应的资源仍能提供免费的访问。

教师资源

我们为教师提供了下列教学辅助资源。请访问Pearson的教学资源中心(http://www.pearsonhighered.com/irc)。我们提供的内容如下：

• 每章课后练习的答案
• 实例研究练习的答案
• 测试题
• PPT展示资源
• 示例教学大纲

作者的个人网站

 

除了出版社的支持网站外，本书作者建有个人网站，网址为http://www.webdevfoundations.net。在这个站点上为读者提供了另外一些有用的资源，包括复习练习以及展示各章示例、链接、更新信息的页面。出版社不负责该网站的维护。

目    录

 

第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