HTML5+CSS3网页设计与布局经典课堂

目录
Chapter / 01
HTML5 轻松上手
1.1 HTML5 新增知识        2
1.1.1 HTML5 的兼容性         2
1.1.2 HTML5 的通用访问        2
1.1.3 HTML5 标准改进         2
1.2 HTML5 语法        3
1.2.1 文档类型声明         3
1.2.2 字符编码         4
1.2.3 省略引号         4
1.3 HTML5 元素分类        4
1.3.1 结构性元素          4
1.3.2 级块性元素          5
1.3.3 行内语义性元素        5
1.3.4 交互性元素          5
1.4 HTML5 新增主体结构元素      6
1.4.1 article 元素          6
1.4.2 section 元素         7
1.4.3 nav 元素         8
1.4.4 aside 元素          9
1.4.5 pubdate 属性        10
1.5 HTML5 新的非主体结构元素      12
1.5.1 header 元素        12
1.5.2 hgroup 元素        13
1.5.3 footer 元素         14
1.5.4 address 元素        16
1.6 新增的属性       17
1.6.1 表单相关属性        17
1.6.2 其他相关属性        17
1.7 课堂练习        18
强化训练         20
Chapter / 02
使用canvas 绘图
2.1 canvas 入门       22
2.1.1 什么是canvas         22
2.1.2 浏览器对canvas 的支持情况       23
2.1.3 CSS 和canvas        24
2.1.4 canvas 坐标        24
2.2 怎样使用canvas       24
2.2.1 在页面中加入canvas        25
2.2.2 绘制矩形和三角形       27
2.3 canvas 绘制曲线路径       30
2.3.1 路径          30
2.3.2 描边样式         32
2.3.3 填充样式         34
2.3.4 绘制曲线         35
2.4 canvas 绘制图像       38
2.4.1 插入图像          38
2.4.2 绘制渐变图形         39
2.4.3 绘制变形图形         42
2.4.4 组合多个图形         44
2.4.5 图形的缩放        46
2.4.6 像素处理         47
2.5 canvas 文本应用       48
2.5.1 绘制文本          48
2.5.2 应用阴影         49
2.6 课堂练习        50
强化训练         52
Chapter / 03
制作新型表单
3.1 认识HTML5 form       54
3.1.1 HTML5 form 新特性       54
3.1.2 浏览器对HTML5 form 的支持情况     54
3.1.3 新型表单的输入型控件        55
3.2 表单新属性       58
3.2.1 新的表单元素        58
3.2.2 新增表单属性         60
3.3 HTML5 中form 应用       64
3.4 课堂练习        66
强化训练         68
Chapter / 04
多媒体的应用
4.1 认识audio 和video 元素     70
4.2 audio 和video 元素的应用      70
4.2.1 检测浏览器是否支持       70
4.2.2 audio 元素         71
4.2.3 使用audio 元素         72
4.2.4 video 元素         73
4.2.5 使用video 元素         74
4.3 audio 和video 属性、方法和事件     75
4.3.1 audio 和video 相关事件       75
4.3.2 audio 和video 相关属性       76
4.3.3 audio 和video 相关方法       76
4.4 课堂练习        77
强化训练         78
Chapter / 05
获取地理位置
5.1 关于地理位置信息      80
5.1.1 经度和纬度坐标         80
5.1.2 IP 地址定位数据        80
5.1.3 GPS 地理定位数据        80
5.1.4 wi-fi 地理定位数据       81
5.1.5 用户自定义的地理定位        81
5.2 浏览器对Geolocation 的支持     81
5.2.1 GeolocationAPI 必学知识       81
5.2.2 Geolocation 的浏览器支持情况      84
5.3 隐私处理        84
5.3.1 应用隐私保护机制        84
5.3.2 处理位置信息         85
5.4 使用GeolocationAPI       85
5.4.1 检测浏览器是否支持       85
5.4.2 位置请求         86
5.5 在地图上显示你的位置      89
5.6 课堂练习        92
强化训练         94 Contents
Chapter / 06
本地储存和上传
6.1　离线Web 入门       96
6.1.1 离线Web 介绍         96
6.1.2 离线Web 应用的浏览器支持情况     96
6.2 使用离线Web        96
6.2.1 支持离线行为        97
6.2.2 manifest 文件介绍        98
6.2.3 applicationCache 对象        99
6.2.4 离线Web 的具体应用        101
6.3 Web Workers 知识      102
6.3.1 什么是Web Workers       102
6.3.2 W eb Workers 的简单应用       103
6.4 使用Web Workers API      105
6.4.1 检测浏览器是否支持       105
6.4.2 创建Web Workers        106
6.4.3 多线程文件的加载与执行      106
6.4.4 与Web Workers 通信        106
6.5 拖放API        108
6.5.1　实现拖放API 的过程       108
6.5.2 datatransfer 对象的属性与方法      108
6.6 拖放API 的应用       109
6.6.1 拖放应用          109
6.6.2 拖放列表         111
6.7 课堂练习        114
强化训练         117
Chapter / 07
新增的选择器
7.1 回顾CSS        120
7.1.1 什么是CSS         120
7.1.2 CSS 特点及优点         120
7.1.3 CSS 的基本语法         120
7.2 CSS 选择器       121
7.2.1 三大基础选择器         121
7.2.2 集体选择器        124
7.2.3 属性选择器        126
7.3 CSS3 基础知识        127
7.3.1 CSS3 浏览器的支持情况       127
7.3.2 CSS3 新增的长度单位       128
7.3.3 CSS3 新增结构性伪类       129
7.3.4 CSS3 新增UI 元素状态伪类      135
7.3.5 CSS3 新增属性        137
7.4 课堂练习        141
强化训练         143
Chapter / 08
CSS3 文本与颜色
8.1 设计文本和边框样式       146
8.1.1 文本阴影text-shadow        146
8.1.2 文本溢出text-overflow       155
8.1.3 文本换行word-wrap        156
8.1.4 单词拆分word-break       157
8.1.5 圆角边框border-radius       158
8.1.6 盒子阴影box-shadow        160
8.1.7 边界边框border-image       161
8.2 设计颜色样式        163
8.2.1 使用RGBA 颜色值        163
8.2.2 使用HSL 颜色值        164
8.2.3 使用HSLA 颜色值        168
8.3 课堂练习        169
强化训练         171
Chapter / 09
颜色渐变和图形转换
9.1 渐变简介        174
9.1.1 浏览器支持         174
9.1.2 线性渐变          175
9.1.3 径向渐变          178
9.2 CSS3 转换        180
9.2.1 浏览器支持情况         180
9.2.2 2D 转换          180
9.2.3 3D 转换          187
9.3 课堂练习        192
强化训练         194
Chapter / 10
让设计更加灵活
10.1 盒子模型       196
10.1.1 CSS 中的盒子简介       196
10.1.2 外边距设置        196
10.1.3 外边距合并        199 Contents
10.1.4 内边距设置         202
10.2 弹性盒子       202
10.2.1 弹性盒子基础        203
10.2.2 浏览器支持情况       203
10.2.3 对父级容器的设置        203
10.2.4 对子级内容的设置       212
10.3 课堂练习       217
强化训练         219
Chapter / 11
CSS3 设计动画
11.1 过渡基础       222
11.1.1 过渡属性        222
11.1.2 浏览器支持情况       222
11.2 实现过渡       223
11.2.1 单项属性过渡        223
11.2.2 多项属性过渡        224
11.2.3 利用过渡设计电脑桌面      226
11.3 实现动画       228
11.3.1 浏览器支持         228
11.3.2 动画属性        229
11.3.3 实现动画效果        230
11.3.4 利用动画属性制作太阳系动画     233
11.4 课堂练习       236
强化训练         237
Chapter / 12
用户交互界面
12.1 多媒体查询        240
12.1.1 多媒体查询能做什么       240
12.1.2 多媒体查询语法       240
12.1.3 多媒体查询方法       240
12.1.4 制作一个自适应的导航栏       243
12.2 用户界面简介       247
12.2.1 调整尺寸resizing        247
12.2.2 方框大小调整box-sizing       249
12.2.3 外形修饰outline-offset      252
12.2.4 界面的多列布局       253
12.3 课堂练习       256
强化训练         258
参考文献         259