HTML5+CSS3 Web前端开发技术 刘德山,章增安,孙美乔 编著 专业科技 文轩网

第1部分HTML5及其应用
第1章HTML5概述2
1.1HTML5简介2
1.1.1HTML2
1.1.2HTML53
1.2HTML5与HTML4的区别4
1.2.1HTML5文档结构的变化4
1.2.2HTML5语法的变化5
1.2.3HTML5增加和删除的元素6
1.2.4HTML5的全局属性8
1.3HTML5的特性10
1.4HTML5的开发环境11
1.4.1HTML5的开发工具简介11
1.4.2WebStorm集成开发环境12
1.4.3使用XAMPP搭建服务器环境13
1.4.4支持HTML5的浏览器和帮助文档15
思考与练习16
第2章HTML5的文档结构元素17
2.1HTML的元素和属性17
2.2HTML文档的基本结构元素19
2.3HTML5新增的结构元素20
2.3.1用DIV描述的网页布局20
2.3.2HTML5增加的结构元素21
思考与练习29
第3章HTML5的基本页面元素30
3.1文本元素30
3.1.1段落标记和换行标记30
3.1.2标题标记31
3.1.3块标记和32
3.2列表元素32
3.2.1有序列表标记33
3.2.2无序列表标记34
3.2.3自定义列表35
3.3超链接元素36
3.3.1超链接属性36
3.3.2超链接类型37
3.3.3超链接路径38
3.4图像元素和多媒体元素40
3.4.1图像标记40
3.4.2多媒体文件标记43
3.5表格元素45
3.5.1HTML的表格标记46
3.5.2HTML表格的属性47
3.5.3表格嵌套49
3.6内嵌框架52
3.7页面基本元素的应用54
3.7.1多层嵌套列表示例54
3.7.2旅游网站首页示例55
3.7.3内嵌框架示例57
思考与练习60
第4章HTML5的表单元素61
4.1表单定义元素form61
4.2HTML表单输入元素及属性62
4.2.1表单输入元素input62
4.2.2列表框元素select65
4.2.3文本域输入元素textarea66
4.3HTML5新增的表单元素和属性67
4.3.1HTML5新增input类型67
4.3.2HTML5表单新增属性70
4.4一个会员注册表单73
思考与练习77
第5章HTML5的Video元素和Audio元素78
5.1HTML5的Video元素78
5.1.1使用video标记插入视频79
5.1.2video元素的访问控制80
5.2HTML5的Audio元素84
5.2.1使用audio标记插入音频84
5.2.2audio元素的访问控制86
5.3使用track元素添加字幕86
5.3.1使用track标记插入字幕文件86
5.3.2建立WebVTT文件88
思考与练习90
第6章HTML5的canvas绘图91
6.1canvas概述91
6.1.1创建canvas元素92
6.1.2canvas绘图的步骤93
6.2绘制矩形93
6.2.1绘制矩形的方法94
6.2.2绘图时的颜色与透明度属性95
6.3使用路径绘制图形97
6.3.1绘制圆形97
6.3.2绘制直线99
6.3.3绘制曲线102
6.4绘制颜色渐变的图形104
6.4.1绘制线性渐变104
6.4.2绘制径向渐变105
6.5使用坐标变换和矩阵变换绘图107
6.5.1canvas的坐标系统107
6.5.2坐标变换107
6.5.3使用路径绘制图形的坐标变换109
6.5.4矩阵变换110
6.6在canvas中使用图像112
6.6.1绘制图像113
6.6.2图像平铺114
6.6.3图像裁剪116
6.7绘制文字117
6.8使用canvas绘制动画118
6.8.1绘制动画的步骤118
6.8.2绘制动画的示例119
思考与练习123
第7章HTML5的SVG绘图125
7.1SVG概述125
7.1.1SVG优缺点125
7.1.2SVG调用方式126
7.2绘制SVG基本图形128
7.2.1绘制矩形和直线128
7.2.2绘制圆和椭圆129
7.2.3绘制折线和多边形130
7.2.4绘制路径130
7.2.5绘制文本和图形131
7.2.6SVG绘图的属性133
7.3变换134
7.3.1平移134
7.3.2旋转134
7.3.3缩放134
7.3.4倾斜134
7.4组合与重用135
7.4.1g元素135
7.4.2use元素136
7.4.3defs元素137
7.5渐变与透明度138
7.5.1渐变138
7.5.2透明度143
7.6滤镜144
7.6.1滤镜的定义144
7.6.2滤镜的应用144
思考与练习147
第8章获取浏览器的地理位置信息148
8.1地理位置信息概述148
8.1.1地理位置信息的内容148
8.1.2地理位置信息的来源149
8.2地理位置信息使用过程149
8.3地理位置API150
8.3.1getCurrentPosition()方法150
8.3.2watchPosition()方法151
8.4获取地理位置信息的应用151
思考与练习157
第9章离线Web应用与Web存储158
9.1离线Web应用158
9.1.1离线Web应用概述158
9.1.2实现离线Web应用的步骤159
9.2离线Web应用的实现159
9.2.1manifest文件160
9.2.2更新缓存162
9.2.3检测在线状态164
9.3Web Storage概述165
9.3.1Web Storage的概念165
9.3.2Web Storage API166
9.4Web Storage应用167
9.4.1使用localStorage和sessionStorage的网页计数器167
9.4.2使用localStorage保存、读取和清除数据168
9.4.3使用localStorage实现电话簿管理169
9.4.4使用JSON对象改进电话簿的功能171
思考与练习173
第10章使用Web Workers处理线程175
10.1Web Workers概述175
10.1.1Web Workers的引入175
10.1.2使用Web Workers创建线程177
10.2页面与线程的数据交互179
10.3使用SharedWorker创建共享线程181
思考与练习186
第11章HTML5的IndexedDB数据库187
11.1IndexedDB数据库概述187
11.2创建数据库188
11.3数据库的版本更新和事务处理190
11.3.1版本更新191
11.3.2事务处理192
11.4创建对象仓库193
11.5创建索引194
11.6保存和删除数据196
11.6.1保存数据196
11.6.2检索数据198
11.6.3删除数据201
11.7使用游标检索批量数据202
11.7.1openCursor()方法及其参数202
11.7.2数据遍历203
思考与练习206
第12章HTML5的文件操作与拖放操作207
12.1file对象和FileList对象207
12.1.1file对象208
12.1.2FileList对象209
12.2ArrayBuffer对象与ArrayBufferView对象210
12.2.1ArrayBuffer和ArrayBufferView概念210
12.2.2ArrayBuffer对象210
12.2.3ArrayBufferView对象210
12.2.4DataView对象213
12.3Blob对象214
12.3.1使用Blob对象获取文件大小和类型214
12.3.2通过slice()方法分割文件216
12.4FileReader接口218
12.4.1FileReader接口的方法218
12.4.2FileReader接口的事件218
12.4.3FileReader接口的应用219
12.5拖放API222
12.5.1拖放API简介223
12.5.2拖放的实现过程223
12.6DataTransfer对象的属性与方法225
12.6.1DataTransfer对象的属性及拖放视觉效果225
12.6.2DataTransfer对象的方法226
12.7拖放的应用228
12.7.1拖动网页元素228
12.7.2拖动上传图片230
思考与练习231
第2部分CSS3及其应用
第13章CSS3的选择器234
13.1CSS3概述234
13.1.1CSS3简介234
13.1.2CSS的一个示例235
13.2CSS的基本选择器238
13.2.1标记选择器239
13.2.2类选择器239
13.2.3ID选择器241
13.3在HTML中使用CSS的方法242
13.3.1行内样式242
13.3.2嵌入样式243
13.3.3链接样式243
13.3.4导入样式245
13.3.5样式的优先级246
13.4CSS复合选择器248
13.4.1交集选择器248
13.4.2并集选择器249
13.4.3后代选择器250
13.4.4子选择器252
13.4.5相邻选择器253
13.5CSS3新增的选择器254
13.5.1属性选择器254
13.5.2伪类选择器256
13.5.3伪元素选择器261
13.6使用CSS设计网站页面263
思考与练习267
第14章使用CSS3设置元素样式269
14.1用CSS3设置文本样式269
14.1.1字体属性269
14.1.2文本属性272
14.2用CSS3设置颜色与背景277
14.2.1颜色设置278
14.2.2背景设置278
14.2.3圆角边框和图像边框280
14.3用CSS3设置图像效果282
14.3.1为图片添加边框283
14.3.2图片缩放285
14.3.3图文混排286
14.4用CSS3美化表单的应用288
思考与练习290
第15章CSS3的盒模型及网页布局292
15.1CSS盒模型292
15.1.1盒模型的组成293
15.1.2盒的类型298
15.1.3CSS3新增的与盒相关的属性299
15.2CSS布局常用属性304
15.2.1定位属性304
15.2.2浮动属性309
15.3CSS的网页布局311
15.3.1单列布局311
15.3.2两列布局312
15.3.3使用CSS3盒布局的三列布局316
15.4DIV+CSS布局的应用319
15.4.1图文混排的实现320
15.4.2制作二级导航菜单324
思考与练习329
第3部分综合案例
第16章综合案例332
16.1使用HTML 5结构元素组织网页332
16.1.1网页结构描述332
16.1.2用CSS 3定义网站全局样式334
16.2页头部分的设计335
16.2.1页头的结构描述335
16.2.2页头元素及CSS样式代码分析336
16.3侧边导航和焦点图的设计338
16.3.1侧边导航和焦点图板块的内容338
16.3.2侧边导航和焦点图板块的代码分析339
16.4快速搜索、滑动Tab和在线咨询板块设计344
16.4.1快速搜索、滑动Tab和在线咨询板块的内容344
16.4.2快速搜索板块的代码分析344
16.4.3滑动Tab板块的代码分析346
16.4.4在线咨询板块的代码分析349
16.5特色线路板块的设计350
16.5.1特色线路板块的内容350
16.5.2特色线路板块的代码分析351
16.6页脚的设计354
16.6.1页脚的结构描述354
16.6.2页脚的代码分析355
思考与练习357
附录HTML标记列表359
参考文献362