第1章 网页设计简介 1
1-1 网页设计的流程 2
1-1-1 搜集资料与规划网站架构 2
1-1-2 网页制作与测试 3
1-1-3 网站上传与推广 3
1-1-4 网站更新与维护 5
1-1-5 搜索引擎优化（SEO） 5
1-2 网页设计相关的程序设计语言 6
1-3 移动版网页对比PC版网页 8
1-4 移动版网页的设计原则 9
1-5 响应式网页设计（RWD） 11
1-6 HTML的演进 12
1-7 HTML5的新功能 14
1-8 HTML5文件的编写方式 18
1-8-1 HTML5文件的编辑工具 18
1-8-2 HTML5文件的基本语法 20
1-8-3 编写您的第一份HTML5文件 24
第2章 文件结构 27
2-1 HTML文件的DOCTYPE——＜！doctype＞元素 28
2-2 HTML文件的根元素——＜html＞元素 28
2-2-1 全局属性 29
2-2-2 事件属性 30
2-3 HTML文件的标头——＜head＞元素 30
2-3-1 ＜title＞元素（文件标题） 31
2-3-2 ＜meta＞元素（文件相关信息） 31
2-4 HTML文件的主体——＜body＞元素 32
2-4-1 ＜h1＞～＜h6＞元素（标题1～6） 37
2-4-2 ＜p＞元素（段落） 38
2-5 HTML5新增的结构元素 40
2-6 区段结构 41
2-6-1 ＜article＞与＜section＞元素（文章／通用的区段） 41
2-6-2 ＜nav＞元素（导航栏） 46
2-6-3 ＜header＞与＜footer＞元素（页首／页尾） 47
2-6-4 ＜aside＞元素（侧边栏） 49
2-7 区段的附加信息 50
2-7-1 ＜address＞元素（联络信息） 50
2-7-2 ＜time＞元素（日期时间） 51
第3章 数据编辑与格式化 54
3-1 区块格式 55
3-1-1 ＜pre＞元素（预先格式化的区块） 55
3-1-2 ＜blockquote＞元素（左右缩排的区块） 56
3-1-3 ＜hr＞元素（水平线） 56
3-1-4 ＜div＞元素（群组成一个区块） 57
3-1-5 ＜marquee＞元素（跑马灯） 58
3-1-6 ＜！--＞（注释） 59
3-2 文字格式 59
3-2-1 ＜b＞、＜i＞、＜u＞、＜sub＞、＜sup＞、＜small＞、＜em＞、＜strong＞、＜dfn＞、＜code＞、＜samp＞、＜kbd＞、＜var＞、＜cite＞、＜abbr＞、＜s＞、＜q＞、＜mark＞元素 60
3-2-2 ＜ruby＞、＜rt＞、＜rp＞元素（注音或拼音） 62
3-2-3 ＜font＞、＜basefont＞元素（字体） 63
3-2-4 ＜br＞元素（换行） 64
3-2-5 ＜span＞元素（群组成一行） 66
3-3 项目符号与编号——＜ul＞、＜ol＞、＜li＞元素 67
3-4 定义列表——＜dl＞、＜dt＞、＜dd＞元素 69
3-5 插入或删除数据——＜ins＞、＜del＞元素 70
3-6 提示文字——title属性 71
第4章 超链接 75
4-1 URI的类型 76
4-1-1 绝对URI 77
4-1-2 相对URI 77
4-2 标记超链接——＜a＞元素 78
4-2-1 自定义超链接文字的颜色 81
4-2-2 提供文件下载的超链接 81
4-2-3 链接至E-mail地址的超链接 83
4-3 指定相对URI的路径信息——＜base＞元素 84
4-4 指定文件之间的引用——＜link＞元素 84
4-5 建立书签 85
第5章 图片 89
5-1 嵌入图片——＜img＞元素 90
5-1-1 图片的高度、宽度与框线 90
5-1-2 图片的对齐方式 91
5-1-3 图片的替代显示文字 93
5-1-4 图片的水平间距与垂直间距 93
5-1-5 图片超链接与缩略图 95
5-2 影像地图——＜map＞、＜area＞元素 96
5-3 标注——＜figure＞、＜figcaption＞元素 100
5-4 建立绘图区——＜canvas＞元素 101
第6章 表格 105
6-1 建立表格——＜table＞、＜tr＞、＜td＞、＜th＞元素 106
6-2 表格与单元格的格式化 110
6-2-1 表格的背景颜色与背景图片 110
6-2-2 表格的宽度、框线颜色、单元格填充与单元格间距 111
6-2-3 表格的框线大小、外框线与内框线显示方式 111
6-2-4 表格的对齐方式 113
6-2-5 单元格的对齐方式 115
6-2-6 单元格的背景颜色与背景图片 116
6-3 表格标题一＜caption＞元素 118
6-4 合并单元格 119
6-5 表格的表头、主体与表尾——＜thead＞、＜tbody＞、＜tfoot＞元素 123
6-6 直列式表格——＜colgroup＞、＜col＞元素 125
第7章 影音多媒体 130
7-1 HTML5的影音功能 131
7-2 嵌入视频与音频一＜video＞、＜audio＞元素 132
7-2-1 src属性 133
7-2-2 autoplay、loop属性 133
7-2-3 controls属性 133
7-2-4 poster属性 134
7-2-5 width、height属性 135
7-2-6 preload属性 135
7-3 视频／音频编解码器 136
7-3-1 容器文件格式 136
7-3-2 视频编解码器 137
7-3-3 音频编解码器 137
7-4 指定影音文件的来源——＜source＞元素 138
7-5 嵌入资源文件——＜embed＞元素 142
7-6 嵌入对象——＜object＞元素 142
7-6-1 嵌入视频 143
7-6-2 嵌入音频 144
7-6-3 嵌入ActiveX Controls 145
7-6-4 嵌入Java Applets 147
7-7 Scripting——＜script＞、＜noscript＞元素 149
7-7-1 嵌入JavaScript 149
7-7-2 嵌入VBScript 151
7-8 嵌入CSS样式表单——＜style＞元素 152
7-9 网页自动导向 154
第8章 窗体与后端处理 157
8-1 建立窗体一＜form＞、＜input＞元素 158
8-2 HTML4.01现有的输入类型 161
8-2-1 按钮 162
8-2-2 单行文本框 163
8-2-3 单选按钮 163
8-2-4 复选框 164
8-2-5 多行文本框 165
8-2-6 下拉菜单 167
8-2-7 窗体的后端处理 170
8-2-8 密码字段 173
8-2-9 隐藏字段 174
8-2-10 上传文件字段 174
8-3 HTML5新增的输入类型 176
8-3-1 email类型 176
8-3-2 url类型 177
8-3-3 search类型 178
8-3-4 tel类型 178
8-3-5 number类型 178
8-3-6 range类型 179
8-3-7 color类型 180
8-3-8 日期时间类型（date、time、datetime、month、week、datetime-local） 181
8-4 标签文字——＜label＞元素 183
8-5 将窗体字段框起来——＜fieldset＞、＜legend＞元素 184
8-6 其他新增的窗体元素 185
8-6-1 ＜output＞元素 186
8-6-2 ＜progress＞元素 186
8-6-3 ＜meter＞元素 188
8-6-4 ＜keygen＞元素 189
8-6-5 ＜optgroup＞元素 190
8-7 HTML5新增的form属性 191
第9章 JavaScript基本语法 194
9-1 JavaScript的演进 195
9-2 编写第一个JavaScript程序 195
9-3 JavaScript程序代码编写惯例 199
第10章 类型、变量与运算符 202
10-1 类型 203
10-1-1 数值（number） 203
10-1-2 字符串（string） 203
10-1-3 布尔（boolean） 204
10-2 变量 205
10-2-1 变量的命名规则 205
10-2-2 变量的声明方式 206
10-3 运算符 207
10-3-1 算术运算符 208
10-3-2 递增／递减运算符 209
10-3-3 逻辑运算符 209
10-3-4 比较运算符 210
10-3-5 位运算符 211
10-3-6 赋值运算符 211
10-3-7 条件运算符 212
10-3-8 类型运算符 212
10-3-9 运算符的优先级 212
第11章 流程控制 216
11-1 认识流程控制 217
11-2 if 217
11-2-1 if...：如果...就...（单向选择） 217
11-2-2 if...else...：如果...就...否则...（双向选择） 220
11-2-3 if...else if...：如果...就...否则如果...就...否则...（多向选择） 221
11-3 switch 224
11-4 for 227
11-5 while 231
11-6 do 233
11-7 for...in 234
11-8 break与continue 236
第12章 函数 239
12-1 认识函数 240
12-2 用户自定义函数 241
12-2-1 函数的参数 243
12-2-2 函数的返回值 244
12-3 局部变量V.S．全局变量 246
12-4 JavaScript内部函数 248
12-4-1 encodeURI（）、decodeURI（） 249
12-4-2 encodeURIComponent（）、decodeURIComponent（） 249
12-4-3 eval（） 249
12-4-4 isFinite（）、isNaN（） 250
12-4-5 Number（）、parseInt（）、parseFloat（） 250
12-5 函数库 251
第13章 对象 254
13-1认识对象 255
13-2 window对象 257
13-3 核心对象 261
13-3-1 Number对象 261
13-3-2 Boolean对象 263
13-3-3 String对象 263
13-3-4 Function对象 266
13-3-5 Object对象 266
13-3-6 Math对象 267
13-3-7 Date对象 269
13-3-8 Array对象 272
13-3-9 Error对象 283
13-4 环境对象 286
13-4-1 location对象 286
13-4-2 screen对象 287
13-4-3 navigator对象 288
13-4-4 history对象 290
13-5 document对象 291
13-6 element对象 297
第14章 事件处理与实用范例 302
14-1 事件驱动模式 303
14-2 事件的类型 303
14-2-1 传统的事件 304
14-2-2 HTML5事件 304
14-2-3 DOM事件 305
14-2-4 触控事件 305
14-3 事件处理程序 305
14-4 JavaScript实用范例 310
14-4-1 打印网页 310
14-4-2 随机变换背景图片 311
14-4-3 网页跑马灯 312
14-4-4 半透明效果 313
14-4-5 具有超链接功能的下拉菜单 314
14-4-6 显示进入时间 315
14-4-7 显示停留时间 316
14-4-8 显示在线时钟 317
14-4-9 自动切换成PC版网页或移动版网页 318
第15章 CSS 321
15-1 CSS的演进 322
15-2 CSS样式规则与选择器 323
15-3 链接HTML文件与CSS样式表单 326
15-3-1 在＜head＞元素里面嵌入样式表单 327
15-3-2 使用HTML元素的style属性指定样式表单 327
15-3-3 将外部的样式表单导入HTML文件 328
15-3-4 将外部的样式表单链接至HTML文件 329
15-4 选择器的类型 330
15-4-1 类型选择器 330
15-4-2 后裔选择器 330
15-4-3 万用选择器 330
15-4-4 类选择器 330
15-4-5 ID选择器 334
15-4-6 属性选择器 337
15-4-7 伪类选择器 338
15-5 常用的CSS属性 341
15-5-1 字体属性 341
15-5-2 文本属性 342
15-5-3 颜色属性 344
15-5-4 背景属性 344
15-5-5 框线属性 347
第16章 XHTML 350
16-1 认识XHTML 351
16-2 XHTML与HTML的区别 352
16-3 严格遵循XHTML文件 356
16-4 验证XHTML文件 357
第17章 Ajax 360
17-1 认识动态网页技术 361
17-1-1 浏览器端Scripts 361
17-1-2 服务器端Scripts 362
17-2 认识Ajax 364
17-3 编写导入Ajax技术的动态网页 365
第18章 Canvas API 371
18-1 HTML5的绘图功能 372
18-2 设置绘制样式与填满样式 373
18-3 绘制矩形 374
18-4 设置渐层与图样 375
18-5 绘制图像 378
18-6 建立路径与绘制图形 379
18-6-1 绘制直线 381
18-6-2 绘制矩形 381
18-6-3 绘制圆弧、圆形与扇形 382
18-6-4 剪切区域 384
18-7 设置线条样式 385
18-8 绘制文字与设置文字样式 386
18-9 设置阴影样式 387
18-10 变形 388
18-11 重叠 391
18-12 像素运算 393
18-13 存储与回复绘图区状态 395
18-14 导出图片 396
第19章 Video/Audio API 397
19-1 ＜video＞与＜audio＞元素的属性与方法 398
19-2 ＜video＞与＜audio＞元素的事件 400
第20章 Drag and Drop API 405
20-1 网页元素的拖放操作 406
20-1-1 指定拖曳来源并处理拖动开始（dragstart）事件 407
20-1-2 指定放置目标并处理放置（drop）事件 409
20-1-3 处理拖动结束（dragend）事件 410
20-2 拖放操作相关的事件 413
20-3 DataTransfer对象的属性与方法 413
第21章 Geolocation API 416
21-1 HTML5的地理定位功能 417
21-2 使用Geolocation API 418
21-2-1 测试浏览器的地理定位功能 418
21-2-2 单次获取用户的位置 419
21-2-3 持续追踪用户的位置与取消追踪 424
附录 HTML-框架元素 425
A-1 建立框架——＜frameset＞、＜frame＞、＜noframes＞元素 426
A-1-1 指定框架的数目、大小与位置 428
A-1-2 制作框架的内容 433
A-1-3 指定框架的格式 435
A-1-4 针对不支持框架的浏览器设计内容 437
A-2 包含水平框架与垂直框架的网页 438
A-3 嵌入浮动框架—＜iframe＞元素 440
A-4 制作导航栏 441
A-4-1 使用＜base＞元素的target属性指定目标框架 444
A-4-2 特殊的target属性值 445