书籍详情
HTML 5+CSS 3网页设计经典范例
作者:李俊民
出版社:电子工业出版社
出版时间:2012-08-01
ISBN:9787121173363
定价:¥49.00
购买这本书可以去
内容简介
《HTML 5+CSS 3网页设计经典范例(含CD光盘1张)》共分为18章,涵盖了HTML 5和CSS3中各方面的技术知识。主要内容包括HTML 5概述、HTML 5与HTML 4的区别、HTML 5的结构、canvas绘图功能、网络上的视频和音频应用、表单应用、全新的文件应用、地理位置信息处理、Web本地存储应用、离线Web应用、Web Workers API的应用、应用WebSockets API通信、CSS样式入门、使用CSS控制文字样式、使用CSS设置图片和背景、使用CSS控制列表、CSS盒模型,以及Div+CSS布局方法等内容。
作者简介
暂缺《HTML 5+CSS 3网页设计经典范例》作者简介
目录
01 HTML 5概述 11.1 HTML 5介绍 1
1.2 HTML 5的发展历程 2
1.3 认识HTML 5 3
1.3.1 兼容性 3
1.3.2 用户优先和效率 3
1.3.3 化繁为简 4
1.3.4 通用访问 4
1.4 HTML 5的新增功能 5
1.4.1 字符集和DOCTYPE的改进 5
1.4.2 新元素 5
1.4.3 标准改进 6
1.4.4 使用Selectors API简化选取操作 6
1.4.5 window.JSON 8
1.5 使用HTML 5的优势 9
1.6 HTML 5的未来发展 9
1.6.1 Internet Explorer 8 9
1.6.2 众多全新浏览器的支持 9
1.7 本章小结 10
02 HTML 5与HTML4的区别 11
2.1 语法上的差异 11
2.1.1 HTML 5的语法变化 11
2.1.2 HTML 5中的标记方法 12
2.1.3 HTML 5与旧版本的兼容性 12
2.2 元素上的差异 13
2.2.1 HTML 5中新增加的元素 13
2.2.2 HTML 5中废除的元素 19
2.3 属性上的差异 19
2.3.1 HTML 5中新增加的属性元素 19
2.3.2 HTML 5中废除的属性 20
2.3.3 全局属性 20
2.4 本章小结 22
03 HTML 5的结构 23
3.1 新的主体结构元素 23
3.1.1 article元素 23
3.1.2 section元素 24
3.1.3 nav元素 25
3.1.4 aside元素 27
3.1.5 time元素与微格式 28
3.1.6 pubdate属性 29
3.2 新的非主体结构元素 30
3.2.1 header元素 30
3.2.2 hgroup元素 30
3.2.3 footer元素 31
3.2.4 address元素 32
3.3 HTML 5的结构阐述 32
3.3.1 HTML 5大纲 33
3.3.2 对新的结构元素使用样式 35
3.4 本章小结 36
04 绘图功能的实现 37
4.1 canvas API概述 37
4.1.1 canvas是什么 37
4.1.2 canvas的历史 38
4.1.3 canvas坐标 38
4.1.4 什么情况下不使用canvas 39
4.1.5 替代内容 39
4.1.6 CSS和canvas 39
4.1.7 浏览器对canvas的支持 39
4.1.8 canvas的核心Context 40
4.2 如何使用canvas API 40
4.2.1 检测浏览器是否支持 40
4.2.2 在页面中加入canvas 41
4.2.3 上机操作——绘制矩形 41
4.3 应用canvas API绘制曲线路径 45
4.3.1 路径 45
4.3.2 上机操作——描边样式 46
4.3.3 上机操作——对矩形填充样式 47
4.3.4 上机操作——绘制曲线 48
4.4 应用canvas API绘制图像 49
4.4.1 上机操作——在canvas中插入图像 49
4.4.2 上机操作——绘制渐变图像 50
4.4.3 上机操作——缩放canvas对象 52
4.4.4 上机操作——canvas变换 53
4.5 canvas文本应用 55
4.5.1 上机操作——canvas 文本绘制 55
4.5.2 上机操作——应用阴影 56
4.5.3 上机操作——像素数据 57
4.6 实例精讲——动态时钟 58
4.7 本章小结 62
05 网络上的视频和音频应用 63
5.1 HTML 5 中audio和video概述 63
5.1.1 视频容器 63
5.1.2 音频和视频编解码器 65
5.1.3 HTML 5音视频的问题 67
5.1.4 哪些浏览器支持Audio和Video元素 67
5.1.5 HTML 5音视频支持格式 68
5.2 HTML 5中audio和video元素的应用 69
5.2.1 检测浏览器是否支持 69
5.2.2 audio元素 70
5.2.3 上机操作——使用audio元素 72
5.2.4 video元素 72
5.2.5 上机操作——使用video元素 74
5.3 实例精讲——在HTML 4中实现音频和视频的播放 75
5.4 实例精讲——在HTML 5中实现音频和视频的播放 78
5.5 本章小结 82
06 表单的应用 83
6.1 HTML 5 Forms概述 83
6.1.1 Forms和XForms 83
6.1.2 HTML 5 Forms的新特性 84
6.1.3 浏览器对HTML 5 Forms的支持情况 84
6.1.4 输入型控件 86
6.2 表单新特性与函数 86
6.2.1 新增属性 87
6.2.2 大幅度地增加与改良input元素的种类 90
6.2.3 上机操作——对新的表单元素使用样式 93
6.2.4 上机操作——追加output元素 95
6.3 验证表单 95
6.3.1 验证状态对象 95
6.3.2 上机操作——自动验证 96
6.3.3 上机操作——显示验证 97
6.3.4 取消验证 98
6.3.5 上机操作——自定义错误信息 98
6.4 实例精讲——HTML 5中的Forms应用 99
6.5 本章小结 102
07 全新的文件应用 103
7.1 新增的页面元素 103
7.1.1 上机操作——figure元素Forms 103
7.1.2 上机操作——figcaption元素Forms 104
7.1.3 上机操作——details元素Forms 104
7.1.4 上机操作——mark元素Forms 105
7.1.5 上机操作——progress元素Forms 105
7.1.6 上机操作——meter元素Forms 106
7.1.7 上机操作——menu元素Forms 107
7.1.8 上机操作——command元素Forms 108
7.2 增强的页面元素 109
7.2.1 上机操作——ol列表 109
7.2.2 上机操作——dl列表 111
7.2.3 上机操作——cite元素 111
7.2.4 上机操作——small元素 112
7.3 文件API 112
7.3.1 filelist对象与file对象 112
7.3.2 blob对象 113
7.3.3 FileReader接口 113
7.4 拖放API 115
7.4.1 实现拖放API的过程 115
7.4.2 dataTransfer对象的属性与方法 116
7.4.3 上机操作——设置拖放时的
视觉效果 116
7.4.4 上机操作——自定义拖放图标 118
7.5 实例精讲——在HTML 5中实现文件拖放 120
7.6 本章小结 123
08 地理位置信息处理 125
8.1 关于地理位置信息 125
8.1.1 经度和纬度坐标 125
8.1.2 IP地址定位数据 126
8.1.3 GPS地理定位数据 126
8.1.4 Wi-Fi地理定位数据 126
8.1.5 手机地理定位数据 126
8.1.6 用户自定义的地理定位 127
8.2 浏览器对Geolocation的支持 127
8.2.1 Geolocation API概述 127
8.2.2 HTML 5 Geolocation的浏览器支持情况 130
8.3 隐私的处理 131
8.3.1 应用隐私保护机制 131
8.3.2 处理位置信息 132
8.4 使用Geolocation API 132
8.4.1 检测浏览器是否支持 132
8.4.2 位置请求 133
8.5 实例精讲——在网页中使用电子地图 135
8.6 本章小结 13609 Web本地存储应用 137
9.1 Web Storage概述 137
9.1.1 Web Storage介绍 137
9.1.2 上机操作——简易的Web留言本 138
9.1.3 上机操作——简单的数据库应用 142
9.2 Web Storage的浏览器支持情况 145
9.3 使用Web Storage API 145
9.3.1 检测浏览器的支持情况 145
9.3.2 上机操作——设置和获取数据 147
9.3.3 封堵数据泄露 148
9.3.4 localStorage与sessionStorage 148
9.3.5 探索Web Storage 148
9.4 本地数据库 149
9.4.1 什么是本地数据库 149
9.4.2 用executesql来执行查询的实现方法 150
9.4.3 上机操作——使用数据库实现网页留言 150
9.4.4 transaction方法 155
9.5 本章小结 156
10 离线Web应用 157
10.1 离线Web概述 157
10.1.1 离线Web介绍 157
10.1.2 离线Web应用的浏览器支持情况 158
10.2 使用离线Web 158
10.2.1 构建简单的离线应用程序 158
10.2.2 支持离线行为 159
10.2.3 mannifest文件介绍 159
10.2.4 上机操作——applicationCache对象 161
10.3 实例精
1.2 HTML 5的发展历程 2
1.3 认识HTML 5 3
1.3.1 兼容性 3
1.3.2 用户优先和效率 3
1.3.3 化繁为简 4
1.3.4 通用访问 4
1.4 HTML 5的新增功能 5
1.4.1 字符集和DOCTYPE的改进 5
1.4.2 新元素 5
1.4.3 标准改进 6
1.4.4 使用Selectors API简化选取操作 6
1.4.5 window.JSON 8
1.5 使用HTML 5的优势 9
1.6 HTML 5的未来发展 9
1.6.1 Internet Explorer 8 9
1.6.2 众多全新浏览器的支持 9
1.7 本章小结 10
02 HTML 5与HTML4的区别 11
2.1 语法上的差异 11
2.1.1 HTML 5的语法变化 11
2.1.2 HTML 5中的标记方法 12
2.1.3 HTML 5与旧版本的兼容性 12
2.2 元素上的差异 13
2.2.1 HTML 5中新增加的元素 13
2.2.2 HTML 5中废除的元素 19
2.3 属性上的差异 19
2.3.1 HTML 5中新增加的属性元素 19
2.3.2 HTML 5中废除的属性 20
2.3.3 全局属性 20
2.4 本章小结 22
03 HTML 5的结构 23
3.1 新的主体结构元素 23
3.1.1 article元素 23
3.1.2 section元素 24
3.1.3 nav元素 25
3.1.4 aside元素 27
3.1.5 time元素与微格式 28
3.1.6 pubdate属性 29
3.2 新的非主体结构元素 30
3.2.1 header元素 30
3.2.2 hgroup元素 30
3.2.3 footer元素 31
3.2.4 address元素 32
3.3 HTML 5的结构阐述 32
3.3.1 HTML 5大纲 33
3.3.2 对新的结构元素使用样式 35
3.4 本章小结 36
04 绘图功能的实现 37
4.1 canvas API概述 37
4.1.1 canvas是什么 37
4.1.2 canvas的历史 38
4.1.3 canvas坐标 38
4.1.4 什么情况下不使用canvas 39
4.1.5 替代内容 39
4.1.6 CSS和canvas 39
4.1.7 浏览器对canvas的支持 39
4.1.8 canvas的核心Context 40
4.2 如何使用canvas API 40
4.2.1 检测浏览器是否支持 40
4.2.2 在页面中加入canvas 41
4.2.3 上机操作——绘制矩形 41
4.3 应用canvas API绘制曲线路径 45
4.3.1 路径 45
4.3.2 上机操作——描边样式 46
4.3.3 上机操作——对矩形填充样式 47
4.3.4 上机操作——绘制曲线 48
4.4 应用canvas API绘制图像 49
4.4.1 上机操作——在canvas中插入图像 49
4.4.2 上机操作——绘制渐变图像 50
4.4.3 上机操作——缩放canvas对象 52
4.4.4 上机操作——canvas变换 53
4.5 canvas文本应用 55
4.5.1 上机操作——canvas 文本绘制 55
4.5.2 上机操作——应用阴影 56
4.5.3 上机操作——像素数据 57
4.6 实例精讲——动态时钟 58
4.7 本章小结 62
05 网络上的视频和音频应用 63
5.1 HTML 5 中audio和video概述 63
5.1.1 视频容器 63
5.1.2 音频和视频编解码器 65
5.1.3 HTML 5音视频的问题 67
5.1.4 哪些浏览器支持Audio和Video元素 67
5.1.5 HTML 5音视频支持格式 68
5.2 HTML 5中audio和video元素的应用 69
5.2.1 检测浏览器是否支持 69
5.2.2 audio元素 70
5.2.3 上机操作——使用audio元素 72
5.2.4 video元素 72
5.2.5 上机操作——使用video元素 74
5.3 实例精讲——在HTML 4中实现音频和视频的播放 75
5.4 实例精讲——在HTML 5中实现音频和视频的播放 78
5.5 本章小结 82
06 表单的应用 83
6.1 HTML 5 Forms概述 83
6.1.1 Forms和XForms 83
6.1.2 HTML 5 Forms的新特性 84
6.1.3 浏览器对HTML 5 Forms的支持情况 84
6.1.4 输入型控件 86
6.2 表单新特性与函数 86
6.2.1 新增属性 87
6.2.2 大幅度地增加与改良input元素的种类 90
6.2.3 上机操作——对新的表单元素使用样式 93
6.2.4 上机操作——追加output元素 95
6.3 验证表单 95
6.3.1 验证状态对象 95
6.3.2 上机操作——自动验证 96
6.3.3 上机操作——显示验证 97
6.3.4 取消验证 98
6.3.5 上机操作——自定义错误信息 98
6.4 实例精讲——HTML 5中的Forms应用 99
6.5 本章小结 102
07 全新的文件应用 103
7.1 新增的页面元素 103
7.1.1 上机操作——figure元素Forms 103
7.1.2 上机操作——figcaption元素Forms 104
7.1.3 上机操作——details元素Forms 104
7.1.4 上机操作——mark元素Forms 105
7.1.5 上机操作——progress元素Forms 105
7.1.6 上机操作——meter元素Forms 106
7.1.7 上机操作——menu元素Forms 107
7.1.8 上机操作——command元素Forms 108
7.2 增强的页面元素 109
7.2.1 上机操作——ol列表 109
7.2.2 上机操作——dl列表 111
7.2.3 上机操作——cite元素 111
7.2.4 上机操作——small元素 112
7.3 文件API 112
7.3.1 filelist对象与file对象 112
7.3.2 blob对象 113
7.3.3 FileReader接口 113
7.4 拖放API 115
7.4.1 实现拖放API的过程 115
7.4.2 dataTransfer对象的属性与方法 116
7.4.3 上机操作——设置拖放时的
视觉效果 116
7.4.4 上机操作——自定义拖放图标 118
7.5 实例精讲——在HTML 5中实现文件拖放 120
7.6 本章小结 123
08 地理位置信息处理 125
8.1 关于地理位置信息 125
8.1.1 经度和纬度坐标 125
8.1.2 IP地址定位数据 126
8.1.3 GPS地理定位数据 126
8.1.4 Wi-Fi地理定位数据 126
8.1.5 手机地理定位数据 126
8.1.6 用户自定义的地理定位 127
8.2 浏览器对Geolocation的支持 127
8.2.1 Geolocation API概述 127
8.2.2 HTML 5 Geolocation的浏览器支持情况 130
8.3 隐私的处理 131
8.3.1 应用隐私保护机制 131
8.3.2 处理位置信息 132
8.4 使用Geolocation API 132
8.4.1 检测浏览器是否支持 132
8.4.2 位置请求 133
8.5 实例精讲——在网页中使用电子地图 135
8.6 本章小结 13609 Web本地存储应用 137
9.1 Web Storage概述 137
9.1.1 Web Storage介绍 137
9.1.2 上机操作——简易的Web留言本 138
9.1.3 上机操作——简单的数据库应用 142
9.2 Web Storage的浏览器支持情况 145
9.3 使用Web Storage API 145
9.3.1 检测浏览器的支持情况 145
9.3.2 上机操作——设置和获取数据 147
9.3.3 封堵数据泄露 148
9.3.4 localStorage与sessionStorage 148
9.3.5 探索Web Storage 148
9.4 本地数据库 149
9.4.1 什么是本地数据库 149
9.4.2 用executesql来执行查询的实现方法 150
9.4.3 上机操作——使用数据库实现网页留言 150
9.4.4 transaction方法 155
9.5 本章小结 156
10 离线Web应用 157
10.1 离线Web概述 157
10.1.1 离线Web介绍 157
10.1.2 离线Web应用的浏览器支持情况 158
10.2 使用离线Web 158
10.2.1 构建简单的离线应用程序 158
10.2.2 支持离线行为 159
10.2.3 mannifest文件介绍 159
10.2.4 上机操作——applicationCache对象 161
10.3 实例精
猜您喜欢