HTML 5+CSS 3网页开发实战精解

2.1 CSS 3简介 16
2.1.1 CSS 3的历史背景 16
2.1.2 CSS 3的发展现状 17
2.1.3 CSS 3新特性预览 18
2.2 增强的选择器功能 20
2.2.1 元素选择符和关系选择符 20
2.2.2 属性选择符 20
2.2.3 结构伪类选择符 23
2.2.4 UI元素状态伪类选择符 26
2.2.5 伪元素选择符 27
2.3 小结 28
2.4 习题 28
第2篇 基于CSS 3的Web界面设计实战
第3章 文本、背景、边框不再单调（教学视频：96分钟） 30
3.1 文本与字体 30
3.1.1 多样化的文本阴影——text-shadow属性 30
3.1.2 溢出文本处理——text-overflow属性 34
3.1.3 对齐的文字才好看——word-wrap和word-break属性 35
3.1.4 使用服务器端的字体——@font-face规则 37
3.1.5 实验室：丰富的文字样式 40
3.2 色彩模式和不透明度 41
3.2.1 不再为配色发愁——HSL色彩模式 42
3.2.2 含不透明度的——HSLA色彩模式 44
3.2.3 含不透明度的——RGBA色彩模式 45
3.2.4 不透明度——opacity属性 46
3.2.5 实验室：半透明的遮蔽层 48
3.3 背景 51
3.3.1 元素里定义多个背景图片 51
3.3.2 指定背景的原点位置 52
3.3.3 指定背景的显示区域 55
3.3.4 指定背景图像的大小 57
3.3.5 实验室：设计信纸的效果 59
3.4 边框 62
3.4.1 设计圆角边框——border-radius属性 62
3.4.2 设计图像边框——border-image属性 68
3.4.3 设计多色边框——border-color属性 76
3.4.4 实验室：使用新技术设计网页 78
3.5 小结 83
3.6 习题 83
第4章 灵活的盒布局和界面设计（教学视频：69分钟） 84
4.1 灵活的盒布局 84
4.1.1 开启盒布局 84
4.1.2 元素的布局方向——box-orient属性 86
4.1.3 元素的布局顺序——box-direction属性 87
4.1.4 调整元素的位置——box-ordinal-group属性 89
4.1.5 弹性空间分配——box-flex属性 91
4.1.6 元素的对其方式——box-pack和box-align属性 94
4.1.7 实验室：使用新型盒布局设计网页 97
4.2 增强的盒模型 101
4.2.1 盒子阴影——box-shadow属性 101
4.2.2 盒子尺寸的计算方法——box-sizing属性 106
4.2.3 盒子溢出内容处理——overflow-x和overflow-y属性 108
4.2.4 实验室：设计网站服务条款页面 109
4.3 增强的用户界面设计 112
4.3.1 允许用户改变尺寸——resize属性 112
4.3.2 定义外轮廓线——outline属性 113
4.3.3 伪装的元素——appearance属性 118
4.3.4 为元素添加内容——content属性 120
4.3.5 实验室：设计一个省份选择盘 124
4.4 小结 125
4.5 习题 126
第5章 你一直期待的多列布局（教学视频：21分钟） 127
5.1 多列布局基础 127
5.1.1 多列属性columns 127
5.1.2 列宽属性column-width 129
5.1.3 列数属性column-count 129
5.1.4 列间距属性column-gap 131
5.1.5 定义列分隔线——column-rule属性 132
5.1.6 定义横跨所有列——column-span属性 135
5.2 实验室：模仿杂志的多列版式 136
5.3 小结 138
5.4 习题 138
第6章 酷炫的动画和渐变（教学视频：82分钟） 139
6.1 CSS 3变形基础 139
6.1.1 元素的变形——transform属性 139
6.1.2 旋转 139
6.1.3 缩放和翻转 141
6.1.4 移动 143
6.1.5 倾斜 145
6.1.6 矩阵变形 147
6.1.7 同时使用多个变形函数 149
6.1.8 定义变形原点——transform-origin属性 151
6.1.9 实验室：设计图片画廊 153
6.2 CSS 3过渡效果 156
6.2.1 实现过渡效果——transition属性 156
6.2.2 指定过渡的属性——transition-property属性 157
6.2.3 指定过渡的时间——transition-duration属性 159
6.2.4 指定过渡延迟时间——transition-delay属性 160
6.2.5 指定过渡方式——transition-timing-function属性 161
6.2.6 实验室：制作滑动的菜单 162
6.3 CSS 3动画设计 165
6.3.1 关键帧动画——@keyframes规则 165
6.3.2 动画的实现——animation属性 166
6.3.3 实验室：永不停止的风车 170
6.4 CSS 3渐变设计 172
6.4.1 CSS线性渐变 172
6.4.2 CSS径向渐变 175
6.4.3 实验室：设计渐变的按钮 177
6.5 小结 179
6.6 习题 180
第7章 支持多种设备的样式表方案（教学视频：15分钟） 181
7.1 媒体查询 181
7.1.1 @media规则的语法 181
7.1.2 使用Media Queries链接外部样式表文件 185
7.2 实验室：自适应屏幕的样式表方案 185
7.3 小结 191
7.4 习题 191
第3篇 基于HTML 5的Web应用开发实战
第8章 绘制图形如此简单（教学视频：78分钟） 194
8.1 Canvas简介 194
8.2 Canvas基本知识 195
8.2.1 构建Canvas元素 195
8.2.2 使用JavaScript实现绘图的流程 196
8.3 使用Canvas绘图 198
8.3.1 绘制矩形 198
8.3.2 使用路径 201
8.3.3 图形组合 205
8.3.4 绘制曲线 207
8.3.5 使用图像 212
8.3.6 剪裁区域 214
8.3.7 绘制渐变 216
8.3.8 描边属性 219
8.3.9 模式 221
8.3.10 变换 222
8.3.11 使用文本 226
8.3.12 阴影效果 228
8.3.13 状态的保存与恢复 229
8.3.14 操作像素 230
8.4 实验室：在Canvas中实现动画 232
8.5 小结 236
8.6 习题 236
第9章 便捷的音频和视频（教学视频：44分钟） 237
9.1 audio和video基础知识 237
9.1.1 在线多媒体的发展 237
9.1.2 多媒体术语 238
9.1.3 HTML 5多媒体文件格式 239
9.1.4 功能缺陷及未来趋势 240
9.2 使用HTML 5的audio和video元素 241
9.2.1 在网页中使用audio和video 241
9.2.2 audio和video的特性和属性 242
9.2.3 audio和video的方法 246
9.2.4 audio和video的事件 248
9.3 实验室：自定义播放工具条 250
9.4 小结 254
9.5 习题 254
第10章 不可思议的表单（教学视频：59分钟） 255
10.1 HTML 5表单概述 255
10.1.1 HTML表单的进化 255
10.1.2 当前的支持情况 256
10.2 新增表单输入类型 256
10.2.1 新增的表单输入类型 256
10.2.2 面向未来的新型表单 258
10.3 新增表单特性及元素 258
10.4 表单验证API 261
10.4.1 与验证有关的表单元素特性 261
10.4.2 表单验证的属性 262
10.4.3 ValidityState对象 263
10.4.4 表单验证的方法 264
10.4.5 表单验证的事件 266
10.5 实验室：用户注册页面 267
10.6 小结 270
10.7 习题 270
第11章 可触到的拖放功能（教学视频：39分钟） 271
11.1 拖放API 271
11.1.1 新增的draggable特性 271
11.1.2 新增的鼠标拖放事件 271
11.1.3 DataTransfer对象 272
11.1.4 实验室：拖放元素的内容 273
11.2 文件API 276
11.2.1 新增的标签特性 276
11.2.2 FileList对象与File对象 276
11.2.3 Blob对象 277
11.2.4 FileReader接口 278
11.3 实验室：把图片拖入浏览器 283
11.4 小结 286
11.5 习题 286
第12章 本地存储让你的应用更加高效（教学视频：37分钟） 287
12.1 本地存储对象——Web Storage 287
12.1.1 Web Storage简介 287
12.1.2 localStorage和sessionStorage 288
12.1.3 设置和获取Storage数据 289
12.1.4 Storage API的属性和方法 291
12.1.5 存储JSON对象的数据 294
12.1.6 Storage API的事件 296
12.1.7 实验室：在两个窗口中实现通信 296
12.2 本地数据库——Web SQL Database 298
12.2.1 Web SQL Database简介 298
12.2.2 操作Web SQL数据库 299
12.2.3 实验室：基本的数据库操作示例 300
12.3 小结 303
12.4 习题 304
第13章 别开生面的离线应用（教学视频：33分钟） 305
13.1 Web离线应用缓存 305
13.2 缓存清单文件manifest 306
13.3 检测浏览器的网络状态 308
13.4 应用缓存接口applicationCache 309
13.5 实验室：图片画廊的离线应用 312
13.6 小结 314
13.7 习题 315
第14章 安全的跨源通信（教学视频：37分钟） 316
14.1 跨文档消息传输 316
14.1.1 跨文档消息传输的实现 316
14.1.2 Web源安全 317
14.1.3 使用postMessage接口 318
14.1.4 消息事件接口MessageEvent 319
14.1.5 实验室：跨文档消息传输示例 320
14.2 跨源请求——XMLHttpRequestLevel 2 324
14.2.1 改进的XmlHttpRequest对象 324
14.2.2 XMLHttpRequestLevel 2规范说明 325
14.2.3 使用新的XMLHttpRequest对象 327
14.2.4 实验室：跨源请求示例 329
14.3 小结 331
14.4 习题 332
第15章 强大的WebSocket双向通信（教学视频：23分钟） 333
15.1 WebSocket概述 333
15.1.1 WebSocket简介 333
15.1.2 实时Web应用面临的问题 333
15.1.3 WebSocket的优势 334
15.2 WebSocket协议 335
15.2.1 WebSocket握手协议 335
15.2.2 浏览器的支持情况 336
15.3 WebSocket编程接口 336
15.4 使用WebSocket编程 339
15.5 实验室：构建实时的聊天应用 340
15.6 小结 343
15.7 习题 343
第16章 Web背后——看不见的多线程（教学视频：34分钟） 345
16.1 Web Workers概述 345
16.2 专属线程 346
16.2.1 专属线程的基本用法 346
16.2.2 多个线程嵌套 349
16.2.3 实验室：专属线程中的异步请求 352
16.3 共享线程 355
16.3.1 共享线程的基本用法 355
16.3.2 实验室：共享线程使用示例 356
16.4 Web Workers接口框架解析 358
16.4.1 线程外部的接口 358
16.4.2 线程内部的接口 360
16.5 小结 362
16.6 习题 363
第17章 我知道你在哪里—地理位置API（教学视频：21分钟） 364
17.1 Geolocation概述 364
17.1.1 地理位置信息 364
17.1.2 使用案例 365
17.1.3 隐私策略 366
17.2 Geolocation基本用法 367
17.2.1 浏览器的支持情况 367
17.2.2 单次获取地理位置 368
17.2.3 重复性的位置信息更新 372
17.3 Geolocation接口解析 373
17.4 实验室：在地图上显示我的位置 375
17.5 小结 379
17.6 习题 379

.　　本篇简单介绍了HTML 5和CSS 3的发展背景及发展现状，并介绍了相关的基础知识，其中重点讲解了选择器的功能。
　　第2篇 基于CSS 3的Web界面设计实战（第3~7章）
　　本篇主要介绍了基于CSS 3的Web页面设计，涉及文字、背景、边框、盒布局、多列布局、动画、渐变、支持多种设备的样式表等内容，尤其重点介绍了CSS 3在Web页面设计方面新增的很多有用的功能。学完本篇，便可以设计非常精美的网页了，如阴影、圆角等设计将变得非常简单。
　　第3篇 基于HTML 5的Web应用开发实战（第8~17章）
　　本篇主要介绍基于HTML 5的Web应用开发，尤其重点介绍HTML 5新增的Web应用功能，主要包括绘图、多媒体、表单、拖放、消息传递、本地存储、离线应用、WebSocket通信、多线程、地理位置等。本篇的每章都是一个完整的模块，掌握了这些内容，可以开发比较复杂的Web应用。
　　光盘内容
　　本书重点内容的教学视频；
　　本书实例涉及的源代码。
　　对读者的建议
　　学习Web前端开发，首先要从整体上了解Web前端涉及的东西，然后逐一掌握各种技术，一一击破。
　　本书提供了独特的内容架构，建议新手从头开始顺次逐章阅读，尽量不要跳跃。有基础的人可以根据自己的需要有选择性地阅读。
　　本书每章讲解的主题都结合了实例，对于这些例子，一定要亲自动手做一做，才能理解得更深刻。
　　对于重点、难点内容，建议读者结合本书的配套教学视频阅读，效果更佳。
　　本书读者对象
　　Web前端开发人员；
　　Web设计与开发爱好者；
　　网页设计与开发人员；
　　各大中专院校的学生；
　　培训班的学员。
　　本书作者
　　本书由杨习伟主笔编写。其他参与编写的人员有毕梦飞、蔡成立、陈涛、陈晓莉、陈燕、崔栋栋、冯国良、高岱明、黄成、黄会、纪奎秀、江莹、靳华、李凌、李胜君、李雅娟、刘大林、刘惠萍、刘水珍。在此表示感谢！
　　阅读本书的过程中若有疑问，请发邮件和我们联系。E-mail：bookservice2008@163.com。