HTML5网页前端设计（Web前端开发技术丛书）
￥59.50定价
作者： 周文洁
出版时间：2017年5月
出版社：清华大学出版社
- 清华大学出版社
- 9787302463597
- 1-1
- 82407
- 16开
- 2017年5月
- 工学
- 计算机科学与技术
- TP312.8
- 计算机
- 本专科、高职高专
内容简介
本书是一本从零开始学习的Web前端开发教材，无须额外的基础。全书以项目驱动为宗旨，详细介绍了HTML5、CSS3与JavaScript的基础知识与使用技巧。
全书共包含11章，可分为以下3个部分：
*部分是基础知识篇，包括第1章至第4章的内容。
第二部分是重点篇，包括第5章至第10章的内容。
第三部分是提高篇，包括第11章的内容。
本书包含全部例题228个，均在浏览器中调试通过。由于很多HTML5和CSS3的代码需要较高版本浏览器方能提供更好的体验效果，建议读者使用但不限于Internet Explorer 10.0、Chrome 17.0、Firefox 10.0、Safari 5.0或Opera 11.1以上版本的浏览器。本书不仅可以作为高校计算机相关专业HTML5的课程教材，也可作为学习HTML5开发的自学教材或培训教材。
全书共包含11章，可分为以下3个部分：
*部分是基础知识篇，包括第1章至第4章的内容。
第二部分是重点篇，包括第5章至第10章的内容。
第三部分是提高篇，包括第11章的内容。
本书包含全部例题228个，均在浏览器中调试通过。由于很多HTML5和CSS3的代码需要较高版本浏览器方能提供更好的体验效果，建议读者使用但不限于Internet Explorer 10.0、Chrome 17.0、Firefox 10.0、Safari 5.0或Opera 11.1以上版本的浏览器。本书不仅可以作为高校计算机相关专业HTML5的课程教材，也可作为学习HTML5开发的自学教材或培训教材。
目录
目录
第一部分 基础知识篇
第1章 绪论 3
1.1 Web原理基础 3
1.1.1 Internet与万维网 3
1.1.2 Web架构 4
1.1.3 Web应用 4
1.2 Web前端技术基础 5
1.2.1 HTML技术 5
1.2.2 CSS技术 6
1.2.3 JavaScript技术 6
1.3 Web前端新技术 7
1.3.1 HTML5技术 7
1.3.2 CSS3技术 8
1.4 Web开发工具 9
1.4.1 Adobe Dreamweaver 9
1.4.2 Sublime Text 10
1.4.3 NodePad 11
1.4.4 EditPlus 11
1.5 Web技术的前景与展望 12
1.5.1 Flash的兴衰 12
1.5.2 HTML5的前景 12
1.5.3 未来展望 12
1.6 本章小结 13
习题1 13
第2章 HTML5基础 14
2.1 HTML5基本结构 14
2.1.1 文档类型声明 15
2.1.2 根标签 15
2.1.3 首部标签 16
2.1.4 主体标签 18
2.1.5 HTML5文档注释 18
2.1.6 HTML5文档规范 19
2.1.7 HTML4.01转换为HTML5 21
2.2 HTML5保留的常用标签 22
2.2.1 基础标签 22
2.2.2 文本格式标签 25
2.2.3 列表标签 28
2.2.4 图像标签 33
2.2.5 超链接标签 34
2.2.6 表格标签 37
2.2.7 框架标签 38
2.2.8 容器标签 38
2.3 HTML5新增的常用标签 40
2.3.1 HTML5新增文档结构标签 40
2.3.2 HTML5新增格式标签 45
2.4 HTML5新增API 47
2.5 本章小结 48
习题2 48
第3章 CSS基础 49
3.1 CSS样式表 49
3.1.1 内联样式表 49
3.1.2 内部样式表 50
3.1.3 外部样式表 52
3.1.4 样式表层叠优先级 53
3.2 CSS选择器 54
3.2.1 元素选择器 54
3.2.2 ID选择器 54
3.2.3 类选择器 55
3.2.4 属性选择器 57
3.3 语法规则 58
3.3.1 注释语句 58
3.3.2 @charset 59
3.3.3 !important 59
3.4 CSS取值与单位 59
3.4.1 数字 59
3.4.2 长度 60
3.4.3 角度 60
3.4.4 时间 60
3.4.5 文本 61
3.4.6 颜色 61
3.5 CSS常用样式 64
3.5.1 CSS背景 64
3.5.2 CSS框模型 73
3.5.3 CSS文本 84
3.5.4 CSS字体 89
3.5.5 CSS超链接 95
3.5.6 CSS列表 96
3.5.7 CSS表格 105
3.6 CSS定位 113
3.6.1 绝对定位 113
3.6.2 相对定位 115
3.6.3 层叠效果 116
3.6.4 浮动 118
3.7 本章小结 121
习题3 121
第4章 JavaScript基础 122
4.1 JavaScript的实现 122
4.1.1 ECMAScript 122
4.1.2 DOM 122
4.1.3 BOM 122
4.2 JavaScript的使用 122
4.2.1 内部JavaScript 123
4.2.2 外部JavaScript 124
4.3 JavaScript的语法 125
4.3.1 JavaScript的大小写 125
4.3.2 JavaScript分号 125
4.3.3 JavaScript注释 125
4.3.4 JavaScript代码块 126
4.4 JavaScript变量 126
4.4.1 变量的声明 126
4.4.2 变量的命名规范 127
4.4.3 JavaScript关键字和保留字 128
4.5 JavaScript基本数据类型 128
4.5.1 Undefined类型 129
4.5.2 Null类型 130
4.5.3 String类型 130
4.5.4 Number类型 140
4.5.5 Boolean类型 146
4.6 JavaScript对象类型 147
4.6.1 本地对象 147
4.6.2 内置对象 155
4.6.3 宿主对象 158
4.7 JavaScript类型转换 158
4.7.1 转换成字符串 158
4.7.2 转换成数字 159
4.7.3 强制类型转换 162
4.8 JavaScript运算符 164
4.8.1 赋值运算符 164
4.8.2 算术运算符 164
4.8.3 逻辑运算符 165
4.8.4 关系运算符 169
4.8.5 相等性运算符 171
4.8.6 条件运算符 172
4.9 JavaScript条件语句 172
4.9.1 if语句 172
4.9.2 switch语句 174
4.10 JavaScript循环语句 176
4.10.1 for循环 176
4.10.2 for-in循环 177
4.10.3 while循环 178
4.10.4 do-while循环 179
4.10.5 break和continue 180
4.11 JavaScript函数 182
4.11.1 函数的基本结构 182
4.11.2 函数的调用 182
4.11.3 函数的返回值 183
4.12 文档对象模型DOM 185
4.12.1 查找HTML 元素 185
4.12.2 DOM HTML 187
4.12.3 DOM CSS 190
4.12.4 DOM事件 191
4.12.5 DOM节点 192
4.13 浏览器对象模型BOM 195
4.13.1 Window对象 196
4.13.2 Screen对象 197
4.13.3 Location对象 197
4.13.4 History对象 198
4.13.5 Navigator对象 199
4.14 本章小结 200
习题4 201
第二部分 重 点 篇
第5章 HTML5拖放API 205
5.1 HTML5新增拖放API 205
5.2 浏览器支持情况 205
5.3 HTML5拖放API的应用 205
5.3.1 DragEvent事件 205
5.3.2 DataTransfer对象 206
5.3.3 拖放元素过程 207
5.3.4 自定义拖放图标 211
5.3.5 自定义拖放行为 213
5.3.6 本地文件的拖放 215
5.4 本章小结 217
习题5 218
第6章 HTML5表单API 219
6.1 HTML表单基础 219
6.1.1 表单标签 219
6.1.2 输入标签 220
6.1.3 标记标签 233
6.1.4 多行文本标签 235
6.1.5 列表标签 236
6.1.6 按钮标签 241
6.1.7 域标签和域标题标签 243
6.2 HTML5表单新特性 245
6.2.1 HTML5表单新增输入类型 245
6.2.2 HTML5表单新增元素标签 259
6.2.3 HTML5表单新增属性 263
6.3 本章小结 278
习题6 278
第7章 HTML5画布API 279
7.1 画布概述 279
7.1.1 HTML5画布 279
7.1.2 画布坐标 279
7.1.3 主流浏览器支持情况一览 280
7.2 HTML5画布API的应用 280
7.2.1 检查浏览器支持情况 280
7.2.2 创建画布 281
7.2.3 画布绘制方法 282
7.2.4 绘制路径 282
7.2.5 绘制矩形 289
7.2.6 绘制图片 292
7.2.7 绘制文本 295
7.2.8 颜色与样式 296
7.2.9 保存和恢复 306
7.2.10 变形 308
7.2.11 剪裁 313
7.3 本章小结 315
习题7 315
第8章 HTML5媒体API 316
8.1 HTML5媒体API概述 316
8.1.1 HTML5音频和视频 316
8.1.2 HTML5媒体支持的格式 316
8.2 主流浏览器支持情况一览 317
8.2.1 对HTML5音频的支持情况 317
8.2.2 对HTML5视频的支持情况 317
8.3 HTML5音频的应用 318
8.3.1 HTML5音频的基本格式 318
8.3.2 检查浏览器支持情况 319
8.3.3 音频来源多样性 321
8.3.4 自定义音频控制 322
8.4 HTML5视频的应用 324
8.4.1 HTML5视频的基本格式 324
8.4.2 检查浏览器支持情况 325
8.4.3 视频来源多样性 327
8.4.4 自定义视频控制 328
8.5 HTML5媒体API其他通用功能 332
8.5.1 标记媒体播放时间范围 332
8.5.2 跳转媒体播放时间点 333
8.5.3 获取媒体播放时间 335
8.5.4 终止媒体文件的下载 337
8.5.5 使用Flash播放器 339
8.6 本章小结 340
习题8 341
第9章 HTML5地理定位API 342
9.1 位置信息 342
9.1.1 经纬度坐标 342
9.1.2 位置信息的来源 342
9.2 主流浏览器支持情况一览 343
9.3 HTML5地理位置API的应用 343
9.3.1 检查浏览器支持情况 343
9.3.2 Geolocation接口 345
9.3.3 获取当前定位 345
9.3.4 实时更新定位 353
9.4 本章小结 356
习题9 357
第10章 HTML5 Web存储API 358
10.1 Web存储技术概述 358
10.1.1 HTTP Cookie存储 358
10.1.2 HTML5 Web存储 358
10.2 主流浏览器支持情况 359
10.3 HTML5 Web存储 API的应用 359
10.3.1 检查浏览器支持情况 359
10.3.2 Storage接口 360
10.3.3 localStorage vs sessionStorage 361
10.3.4 存储数据 361
10.3.5 读取指定数据 365
10.3.6 数据遍历 367
10.3.7 删除指定数据 369
10.3.8 清空所有数据 371
10.4 本章小结 374
习题10 375
第三部分 提 高 篇
第11章 CSS3技术 379
11.1 CSS3边框和背景效果 379
11.1.1 CSS3边框 379
11.1.2 CSS3背景效果 386
11.2 CSS3文本和字体效果 391
11.2.1 CSS3文本 391
11.2.2 CSS3字体 397
11.3 CSS3变形与动画效果 399
11.3.1 CSS3 2D变形 399
11.3.2 CSS3 Transition动画 411
11.3.3 CSS3 Animation动画 416
11.4 CSS3多列 423
11.4.1 columns 423
11.4.2 column-gap 423
11.4.3 column-rule 424
11.5 本章小结 427
习题11 427
附录 428
附录A HTML5元素标签对照表 428
附录B HTML5事件属性对照表 431
附录C CSS3颜色名称对照表 433
第一部分 基础知识篇
第1章 绪论 3
1.1 Web原理基础 3
1.1.1 Internet与万维网 3
1.1.2 Web架构 4
1.1.3 Web应用 4
1.2 Web前端技术基础 5
1.2.1 HTML技术 5
1.2.2 CSS技术 6
1.2.3 JavaScript技术 6
1.3 Web前端新技术 7
1.3.1 HTML5技术 7
1.3.2 CSS3技术 8
1.4 Web开发工具 9
1.4.1 Adobe Dreamweaver 9
1.4.2 Sublime Text 10
1.4.3 NodePad 11
1.4.4 EditPlus 11
1.5 Web技术的前景与展望 12
1.5.1 Flash的兴衰 12
1.5.2 HTML5的前景 12
1.5.3 未来展望 12
1.6 本章小结 13
习题1 13
第2章 HTML5基础 14
2.1 HTML5基本结构 14
2.1.1 文档类型声明 15
2.1.2 根标签 15
2.1.3 首部标签 16
2.1.4 主体标签 18
2.1.5 HTML5文档注释 18
2.1.6 HTML5文档规范 19
2.1.7 HTML4.01转换为HTML5 21
2.2 HTML5保留的常用标签 22
2.2.1 基础标签 22
2.2.2 文本格式标签 25
2.2.3 列表标签 28
2.2.4 图像标签 33
2.2.5 超链接标签 34
2.2.6 表格标签 37
2.2.7 框架标签 38
2.2.8 容器标签 38
2.3 HTML5新增的常用标签 40
2.3.1 HTML5新增文档结构标签 40
2.3.2 HTML5新增格式标签 45
2.4 HTML5新增API 47
2.5 本章小结 48
习题2 48
第3章 CSS基础 49
3.1 CSS样式表 49
3.1.1 内联样式表 49
3.1.2 内部样式表 50
3.1.3 外部样式表 52
3.1.4 样式表层叠优先级 53
3.2 CSS选择器 54
3.2.1 元素选择器 54
3.2.2 ID选择器 54
3.2.3 类选择器 55
3.2.4 属性选择器 57
3.3 语法规则 58
3.3.1 注释语句 58
3.3.2 @charset 59
3.3.3 !important 59
3.4 CSS取值与单位 59
3.4.1 数字 59
3.4.2 长度 60
3.4.3 角度 60
3.4.4 时间 60
3.4.5 文本 61
3.4.6 颜色 61
3.5 CSS常用样式 64
3.5.1 CSS背景 64
3.5.2 CSS框模型 73
3.5.3 CSS文本 84
3.5.4 CSS字体 89
3.5.5 CSS超链接 95
3.5.6 CSS列表 96
3.5.7 CSS表格 105
3.6 CSS定位 113
3.6.1 绝对定位 113
3.6.2 相对定位 115
3.6.3 层叠效果 116
3.6.4 浮动 118
3.7 本章小结 121
习题3 121
第4章 JavaScript基础 122
4.1 JavaScript的实现 122
4.1.1 ECMAScript 122
4.1.2 DOM 122
4.1.3 BOM 122
4.2 JavaScript的使用 122
4.2.1 内部JavaScript 123
4.2.2 外部JavaScript 124
4.3 JavaScript的语法 125
4.3.1 JavaScript的大小写 125
4.3.2 JavaScript分号 125
4.3.3 JavaScript注释 125
4.3.4 JavaScript代码块 126
4.4 JavaScript变量 126
4.4.1 变量的声明 126
4.4.2 变量的命名规范 127
4.4.3 JavaScript关键字和保留字 128
4.5 JavaScript基本数据类型 128
4.5.1 Undefined类型 129
4.5.2 Null类型 130
4.5.3 String类型 130
4.5.4 Number类型 140
4.5.5 Boolean类型 146
4.6 JavaScript对象类型 147
4.6.1 本地对象 147
4.6.2 内置对象 155
4.6.3 宿主对象 158
4.7 JavaScript类型转换 158
4.7.1 转换成字符串 158
4.7.2 转换成数字 159
4.7.3 强制类型转换 162
4.8 JavaScript运算符 164
4.8.1 赋值运算符 164
4.8.2 算术运算符 164
4.8.3 逻辑运算符 165
4.8.4 关系运算符 169
4.8.5 相等性运算符 171
4.8.6 条件运算符 172
4.9 JavaScript条件语句 172
4.9.1 if语句 172
4.9.2 switch语句 174
4.10 JavaScript循环语句 176
4.10.1 for循环 176
4.10.2 for-in循环 177
4.10.3 while循环 178
4.10.4 do-while循环 179
4.10.5 break和continue 180
4.11 JavaScript函数 182
4.11.1 函数的基本结构 182
4.11.2 函数的调用 182
4.11.3 函数的返回值 183
4.12 文档对象模型DOM 185
4.12.1 查找HTML 元素 185
4.12.2 DOM HTML 187
4.12.3 DOM CSS 190
4.12.4 DOM事件 191
4.12.5 DOM节点 192
4.13 浏览器对象模型BOM 195
4.13.1 Window对象 196
4.13.2 Screen对象 197
4.13.3 Location对象 197
4.13.4 History对象 198
4.13.5 Navigator对象 199
4.14 本章小结 200
习题4 201
第二部分 重 点 篇
第5章 HTML5拖放API 205
5.1 HTML5新增拖放API 205
5.2 浏览器支持情况 205
5.3 HTML5拖放API的应用 205
5.3.1 DragEvent事件 205
5.3.2 DataTransfer对象 206
5.3.3 拖放元素过程 207
5.3.4 自定义拖放图标 211
5.3.5 自定义拖放行为 213
5.3.6 本地文件的拖放 215
5.4 本章小结 217
习题5 218
第6章 HTML5表单API 219
6.1 HTML表单基础 219
6.1.1 表单标签 219
6.1.2 输入标签 220
6.1.3 标记标签 233
6.1.4 多行文本标签 235
6.1.5 列表标签 236
6.1.6 按钮标签 241
6.1.7 域标签和域标题标签 243
6.2 HTML5表单新特性 245
6.2.1 HTML5表单新增输入类型 245
6.2.2 HTML5表单新增元素标签 259
6.2.3 HTML5表单新增属性 263
6.3 本章小结 278
习题6 278
第7章 HTML5画布API 279
7.1 画布概述 279
7.1.1 HTML5画布 279
7.1.2 画布坐标 279
7.1.3 主流浏览器支持情况一览 280
7.2 HTML5画布API的应用 280
7.2.1 检查浏览器支持情况 280
7.2.2 创建画布 281
7.2.3 画布绘制方法 282
7.2.4 绘制路径 282
7.2.5 绘制矩形 289
7.2.6 绘制图片 292
7.2.7 绘制文本 295
7.2.8 颜色与样式 296
7.2.9 保存和恢复 306
7.2.10 变形 308
7.2.11 剪裁 313
7.3 本章小结 315
习题7 315
第8章 HTML5媒体API 316
8.1 HTML5媒体API概述 316
8.1.1 HTML5音频和视频 316
8.1.2 HTML5媒体支持的格式 316
8.2 主流浏览器支持情况一览 317
8.2.1 对HTML5音频的支持情况 317
8.2.2 对HTML5视频的支持情况 317
8.3 HTML5音频的应用 318
8.3.1 HTML5音频的基本格式 318
8.3.2 检查浏览器支持情况 319
8.3.3 音频来源多样性 321
8.3.4 自定义音频控制 322
8.4 HTML5视频的应用 324
8.4.1 HTML5视频的基本格式 324
8.4.2 检查浏览器支持情况 325
8.4.3 视频来源多样性 327
8.4.4 自定义视频控制 328
8.5 HTML5媒体API其他通用功能 332
8.5.1 标记媒体播放时间范围 332
8.5.2 跳转媒体播放时间点 333
8.5.3 获取媒体播放时间 335
8.5.4 终止媒体文件的下载 337
8.5.5 使用Flash播放器 339
8.6 本章小结 340
习题8 341
第9章 HTML5地理定位API 342
9.1 位置信息 342
9.1.1 经纬度坐标 342
9.1.2 位置信息的来源 342
9.2 主流浏览器支持情况一览 343
9.3 HTML5地理位置API的应用 343
9.3.1 检查浏览器支持情况 343
9.3.2 Geolocation接口 345
9.3.3 获取当前定位 345
9.3.4 实时更新定位 353
9.4 本章小结 356
习题9 357
第10章 HTML5 Web存储API 358
10.1 Web存储技术概述 358
10.1.1 HTTP Cookie存储 358
10.1.2 HTML5 Web存储 358
10.2 主流浏览器支持情况 359
10.3 HTML5 Web存储 API的应用 359
10.3.1 检查浏览器支持情况 359
10.3.2 Storage接口 360
10.3.3 localStorage vs sessionStorage 361
10.3.4 存储数据 361
10.3.5 读取指定数据 365
10.3.6 数据遍历 367
10.3.7 删除指定数据 369
10.3.8 清空所有数据 371
10.4 本章小结 374
习题10 375
第三部分 提 高 篇
第11章 CSS3技术 379
11.1 CSS3边框和背景效果 379
11.1.1 CSS3边框 379
11.1.2 CSS3背景效果 386
11.2 CSS3文本和字体效果 391
11.2.1 CSS3文本 391
11.2.2 CSS3字体 397
11.3 CSS3变形与动画效果 399
11.3.1 CSS3 2D变形 399
11.3.2 CSS3 Transition动画 411
11.3.3 CSS3 Animation动画 416
11.4 CSS3多列 423
11.4.1 columns 423
11.4.2 column-gap 423
11.4.3 column-rule 424
11.5 本章小结 427
习题11 427
附录 428
附录A HTML5元素标签对照表 428
附录B HTML5事件属性对照表 431
附录C CSS3颜色名称对照表 433
