Chapter 01 从HTML的发展说起 2
1.1 Web工作原理 2
1.1.1 Internet与万维网 2
1.1.2 Web架构 3
1.2 从HTML到HTML 5 4
1.2.1 HTML发展史 4
1.2.2 从HTML到XHTML 4
1.2.3 HTML 5的发展 5
1.3 认识HTML 5 6
1.3.1 HTML 5的兼容性 6
1.3.2 HTML 5的化繁为简 6
1.3.3 HTML 5的通用访问 7
1.3.4 HTML 5标准改进 7
1.4 HTML 5新增功能 8
1.4.1 字符集和DOCTYPE的改进 8
1.4.2 页面的交互性能更强大 8
1.4.3 使用HTML 5的优势 10
1.4.4 HTML 5的未来发展 11
Chapter 02 HTML入门必备知识 14
2.1 HTML的基本结构 14
2.1.1 开始标签〈html〉 15
2.1.2 头部标签〈head〉 15
2.1.3 标题标签〈title〉 15
2.1.4 主体标签〈body〉 16
2.1.5 元信息标签〈meta〉 16
2.1.6 〈！DOCTYPE〉标签 17
2.2 HTML单位 18
2.3 HTML链接 18
2.3.1 绝对路径 18
2.3.2 相对路径 18
2.4 创建超链接 19
2.4.1 超链接标签的属性 19
2.4.2 内部链接 19
2.4.3 锚点链接 21
2.4.4 外部链接 24
Chapter 03 CSS基础知识 28
3.1 CSS概述 28
3.1.1 CSS简介 28
3.1.2 CSS特点 28
3.1.3 CSS语法 29
3.1.4 引入CSS的方法 29
3.2 CSS选择器 32
3.2.1 三大选择器 32
3.2.2 集体选择器 35
3.2.3 属性选择器 36
3.2.4 后代选择器 38
3.2.5 子元素选择器 40
3.2.6 相邻兄弟选择器 41
3.2.7 伪类 43
3.2.8 伪元素 45
3.3 CSS的继承 49
3.3.1 继承关系 49
3.3.2 CSS继承的局限性 50
3.4 CSS绝对数值单位 52
3.5 CSS相对数值单位 52
Chapter 04 HTML 5新增元素 54
4.1 HTML 5中新增的元素 54
4.2 新的主体结构元素 61
4.2.1 article元素 61
4.2.2 section元素 62
4.2.3 nav元素 64
4.2.4 aside元素 66
4.2.5 pubdate属性 67
4.3 新的非主体结构元素 68
4.3.1 header元素 68
4.3.2 hgroup元素 69
4.3.3 footer元素 70
4.3.4 address元素 71
4.4 表单相关属性 73
4.5 其他相关属性 73
4.6 HTML 5中废除的元素 74
4.7 HTML 5中废除的属性 74
Chapter 05 表格的应用 76
5.1 创建表格 76
5.1.1 表格的基本构成 76
5.1.2 表格标签 76
5.1.3 表格的结构标签 77
5.2 设置表格边框样式 79
5.2.1 给表格设置边框 79
5.2.2 设置表格边框宽度 80
5.2.3 设置表格边框颜色 81
5.2.4 设置表格单元格的间距 82
5.2.5 设置表格文字与边框的间距 83
5.2.6 设置表格标题 85
5.3 设置表格大小和行内属性 86
5.3.1 设置整个表格的大小 86
5.3.2 设置表格中行的属性 87
5.3.3 设置行的背景颜色 88
5.3.4 设置行内文字的对齐方式 90
5.4 设置表格的背景 92
5.4.1 设置表格背景的颜色 92
5.4.2 为表格背景插入图片 93
5.5 设置单元格的样式 95
5.5.1 设置单元格的大小 95
5.5.2 设置单元格的背景颜色 96
5.5.3 设置单元格的边框属性 97
5.5.4 合并单元格 98
Chapter 06 文字和图片样式的应用 102
6.1 文字的属性 102
6.1.1 标题文字标签 102
6.1.2 设置标题文字的对齐方式 103
6.1.3 设置文字字体 104
6.1.4 设置段落换行 105
6.1.5 设置字体颜色 106
6.1.6 设置上标和下标 106
6.1.7 设置删除线 107
6.1.8 使用不换行标签 108
6.1.9 使用加粗标签 109
6.1.10 使用倾斜标签 110
6.2 图片的样式 111
6.2.1 图片的格式 111
6.2.2 添加图片 112
6.2.3 设置图片大小 113
6.2.4 设置图片边框 114
6.2.5 图片的水平间距 115
6.2.6 图片的垂直间距 116
6.2.7 图片的提示文字 117
6.2.8 图片的替换文字 118
6.2.9 图片相对于文字的对齐方式 119
6.2.10 为图片添加超链接 121
Chapter 07 表单的应用 123
7.1 表单的属性 123
7.1.1 处理动作 123
7.1.2 表单名称 123
7.1.3 传送方法 124
7.1.4 编码方式 125
7.1.5 目标显示方式 125
7.2 表单的控件 126
7.3 输入型控件 127
7.3.1 text文字字段 127
7.3.2 password密码域 128
7.3.3 radio单选按钮 130
7.3.4 checkbox复选框 131
7.3.5 button普通按钮 132
7.3.6 submit提交按钮 133
7.3.7 reset重置按钮 134
7.3.8 image图像域 136
7.3.9 file文件域 137
7.3.10 hidden隐藏域 138
7.4 使用Iabel定义标签 138
7.5 使用button定义按钮 140
7.6 列表、表单标签 141
7.7 文本域标签 142
7.8 制作综合表单 144
Chapter 08 多媒体的应用 148
8.1 插入多媒体 148
8.1.1 插入音频和视频 148
8.1.2 插入flash动画 149
8.2 设置滚动效果 150
8.2.1 设置滚动速度 150
8.2.2 设置滚动方向 151
8.2.3 设置滚动延迟 152
8.2.4 设置滚动方式 153
8.2.5 设置滚动的背景颜色 154
8.2.6 设置滚动范围 155
8.2.7 设置空白空间 156
8.3 设置背景音乐 157
8.3.1 插入背景音乐 157
8.3.2 设置背景音乐的循环播放次数 159
8.3.3 设置视频的自动播放 160
Chapter 09 列表的应用 162
9.1 使用无序列表 162
9.1.1 ul标签 162
9.1.2 无序列表的符号 163
9.2 使用有序列表 165
9.2.1 ol标签 165
9.2.2 有序列表的符号 166
9.2.3 有序列表的起始值 167
9.3 定义列表 170
9.4 菜单列表 173
9.5 设置列表文字颜色 174
9.6 表格的嵌套 175
9.6.1 定义列表的嵌套 175
9.6.2 无序列表和有序列表的嵌套 177
9.6.3 有序列表之间的嵌套 178
Chapter 10 图形的绘制 181
10.1 canvas基础 181
10.1.1 什么是canvas 181
10.1.2 canvas的应用领域 181
10.1.3 替代的内容 181
10.1.4 浏览器支持情况 182
10.1.5 CSS和canvas 182
10.1.6 canvas坐标 182
10.2 怎样使用canvas 183
10.2.1 在页面中加入canvas 183
10.2.2 绘制矩形和三角形 186
10.2.3 检测浏览器是否支持 189
10.3 绘制曲线路径 190
10.3.1 路径 190
10.3.2 描边样式 192
10.3.3 填充样式 194
10.3.4 绘制曲线 196
10.4 绘制图像 198
10.4.1 插入图片 198
10.4.2 绘制渐变图形 200
10.4.3 绘制变形图形 202
10.4.4 组合多个图形 204
10.4.5 图形的缩放 206
10.4.6 像素处理 207
10.5 文本应用 208
10.5.1 绘制文本 208
10.5.2 应用阴影 210
10.6 绘制时钟 211
Chapter 11 离线与处理线程 218
11.1 离线Web概述 218
11.1.1 离线Web介绍 218
11.1.2 浏览器支持情况 218
11.2 使用离线Web 218
11.2.1 构建简单的离线应用程序 218
11.2.2 支持离线行为 220
11.2.3 mannifest文件 221
11.2.4 applicationCache对象 222
11.2.5 离线Web的具体应用 224
11.3 Web Workers概述 228
11.3.1 什么是Web Workers 228
11.3.2 Web Workers的简单应用 229
11.4 使用Web Workers API 231
11.4.1 检测浏览器是否支持 231
11.4.2 创建Web Workers 232
11.4.3 多线程文件的加载与执行 232
11.4.4 与Web Workers通信 232
Chapter 12 获取地理位置 236
12.1 关于地理位置信息 236
12.1.1 经度和纬度坐标 236
12.1.2 IP地址定位数据 236
12.1.3 GPS地理定位数据 236
12.1.4 WIFI地理定位数据 237
12.1.5 用户自定义的地理定位 237
12.2 Geolocation API概述 237
12.2.1 什么是Gerlocation API 237
12.2.2 浏览器支持情况 240
12.3 隐私处理 240
12.3.1 应用隐私保护机制 240
12.3.2 处理位置信息 240
12.4 使用Geolocation API 241
12.4.1 检测浏览器是否支持 241
12.4.2 位置请求 242
12.5 在地图上显示你的位置 245
Chapter 13 视频和音频的添加 249
13.1 audio和video简介 249
13.1.1 audio和video相关事件 249
13.1.2 audio和video相关属性 250
13.1.3 audio和video相关方法 250
13.2 浏览器的支持情况 251
13.3 audio和video元素的应用 251
13.3.1 检测浏览器是否支持 252
13.3.2 audio元素 252
13.3.3 使用audio元素 254
13.3.4 video元素 255
13.3.5 使用video元素 256
Chapter 14 新型表单详解 259
14.1 HTML 5 form概述 259
14.1.1 HTML 5 form的新特性 259
14.1.2 浏览器支持情况 259
14.1.3 输入型控件 260
14.2 表单新属性 262
14.2.1 新的表单元素 262
14.2.2 新增属性 264
14.3 HTML 5中form应用 268
Chapter 15 文件拖放的应用 272
15.1 拖放API 272
15.1.1 实现拖放API的过程 272
15.1.2 datatransfer对象的属性与方法 272
15.2 拖放API的应用 273
15.2.1 拖放应用 273
15.2.2 拖放列表 275
15.3 邮箱附件拖拽上传 278
15.4 将商品拖入购物车 280
Chapter 16 CSS 3实际应用 287
16.1 CSS 3概述 287
16.1.1 CSS 3与CSS的异同 287
16.1.2 浏览器支持情况 287
16.2 CSS 3的新增选择器 287
16.2.1 CSS 3新增的长度单位 287
16.2.2 新增结构性伪类 289
16.2.3 新增UI元素状态伪类 294
16.2.4 新增属性和其他 296
16.3 CSS 3文本样式 299
16.3.1 text-shadow文本阴影 299
16.3.2 text-overflow文本溢出 301
16.3.3 word-wrap文本换行 302
16.3.4 word-break单词拆分 303
16.4 CSS 3边框样式 305
16.4.1 border-radius圆角边框 305
16.4.2 box-shadow盒子阴影 306
16.5 CSS 3背景样式 307
16.5.1 background-size背景尺寸 308
16.5.2 background-origin背景的绘制区域 309
16.6 CSS 3渐变 311
16.1 线性渐变 311
16.2 径向渐变 313
16.7 CSS 3转换 315
16.7.1 2D转换 315
16.7.2 3D转换 322
16.8 CSS 3动画 328
16.8.1 动画属性 328
16.8.2 实现动画 330
16.9 CSS 3多列布局 333
16.10 CSS 3过渡 337
16.10.1 单项属性过渡 337
16.10.2 多项属性过渡 338
Chapter 17 网页特效的添加 342
17.1 JavaScript简介 342
17.2 JavaScript的基本元素 343
17.2.1 数据类型 343
17.2.2 常量和变量 345
17.2.3 运算符和表达式 346
17.3 JavaScript事件分析 352
17.3.1 事件类型 352
17.3.2 事件句柄 363
17.3.3 事件处理 365
17.4 表单事件 367
17.4.1 鼠标单击和双击事件 367
17.4.2 鼠标移动事件 368
17.5 键盘事件 369
17.6 窗口事件 371
17.7 JavaScript事件分析 372
17.7.1 轮播图效果 372
17.7.2 闪烁效果 377
17.7.3 鼠标滑过时图片的震动效果 379
17.8 窗口特效 380
17.8.1 定时关闭窗口 380
17.8.2 全屏显示窗口 381
17.9 时间特效 381
17.9.1 显示网页停留时间 381
17.9.2 显示当前日期和时间 383
Chapter 18 制作一场梦幻流星雨 385
18.1 制作一颗流星 385
18.2 制作流星雨 388
18.3 鼠标移动的效果 392
18.4 整场流星雨 393
Chapter 19 制作一个炫酷的网站 399
19.1 网站预览 399
19.2 网站主体结构设计 401
19.3 首页倒计时的设计 401
19.4 导航栏的设计 404
19.5 关于我们页面的制作 406
19.6 订阅页面的设计 410
19.7 联系我们页面的表单设计 412
19.8 下拉按钮设计 415
19.9 颜色自选模式设计 417
19.10 HTML代码 418
Chapter 20 HTML 5的开发软件 430
20.1 什么是HBuilder 430
20.1.1 安装HBuilder 430
20.1.2 使用HBuilder新建项目 430
20.1.3 使用HBuilder创建HTML页面 430
20.2 代码块 431
20.2.1 使用代码块编程 432
20.2.2 使用CSS选择器语法来快速开发HTML和CSS 433
20.2.3 分栏 434
20.3 使用HBuilder创建App 435
20.4 编写一个登录界面 436