目 录
第1章 网页设计简介 1
1-1 网页设计的流程 1
1-1-1 阶段一：收集资料与规划网站架构 1
1-1-2 阶段二：网页制作与测试 2
1-1-3 阶段三：网站上传与推广 3
1-1-4 阶段四：网站更新与维护 5
1-2 网页设计相关的程序设计语言 5
1-3 HTML的发展 6
1-4 HTML 5文件的编写方式 7
1-4-1 HTML 5文件的编辑工具 7
1-4-2 HTML 5文件的基本语法 9
1-4-3 编写第一份HTML 5文件 12
第2章 文件结构 15
2-1 HTML文件的根元素——<html>元素 15
2-2 HTML文件的标头—— <head>元素 16
2-2-1 <title>元素（文件标题） 16
2-2-2 <meta>元素（文件相关信息） 17
2-2-3 <link>元素（文件之间的关联） 17
2-2-4 <style>元素（嵌入CSS样式表） 18
2-3 HTML文件的主体——<body>元素 19
2-3-1 <h1> ~ <h6>元素（标题1 ~ 6） 21
2-3-2 <p>元素（段落） 22
2-3-3 <div>元素（组成一个区段） 23
2-3-4 <!-- -->元素（注释） 24
2-4 HTML 5新增的结构元素 25
2-4-1 <article>（文章） 26
2-4-2 <section>（通用的区段） 27
2-4-3 <nav>元素（导航栏） 28
2-4-4 <header>与<footer>元素（页首/页尾） 29
2-4-5 <aside>元素（侧边栏） 29
2-4-6 <main>元素（主要内容） 30
第3章 数据编辑与格式化 32
3-1 区段格式 32
3-1-1 <pre>元素（预先格式化的区块） 32
3-1-2 <blockquote>元素（左右缩排的区块） 33
3-1-3 <address>元素（联络信息） 33
3-1-4 <hr>元素（水平线） 34
3-2 文字格式 35
3-2-1 设置文字格式的元素 35
3-2-2 <br>元素（换行） 36
3-2-3 <span>元素（组成一行） 37
3-2-4 <time>元素（日期时间） 38
3-3 插入或删除数据——<ins>、<del>元素 39
3-4 项目符号与编号——<ul>、<ol>、<li>元素 39
3-5 定义列表——<dl>、<dt>、<dd>元素 42
3-6 超链接 42
3-6-1 绝对URL与相对URL 43
3-6-2 标记超链接—— <a>元素 44
3-6-3 在新索引标签页面中打开超链接 46
3-6-4 页内超链接 47
3-7 设置相对URL的路径信息——<base>元素 48
第4章 图片 50
4-1 嵌入图片——<img>元素 50
4-1-1 图片的高度与宽度 51
4-1-2 图片的替代显示文字 51
4-2 标注——<figure>、<figcaption>元素 52
4-3 建立表格——<table>、<tr>、<td>、<th>元素 53
4-3-1 跨行合并单元格 56
4-3-2 跨列合并单元格 57
4-4 表格标题——<caption>元素 58
4-5 表格的表头、主体与表尾——<thead>、<tbody>、<tfoot>元素 58
4-6 直列式表格——<colgroup>、<col>元素 61
第5章 影音多媒体 64
5-1 嵌入视频——<video>元素 64
5-2 嵌入音频——<audio>元素 66
5-3 嵌入对象——<object>元素 67
5-3-1 嵌入视频 67
5-3-2 嵌入音频 68
5-4 嵌入Scripting——<script>、<noscript>元素 68
5-5 嵌入浮动框架——<iframe>元素 70
5-5-1 嵌入优酷视频 71
5-5-2 嵌入百度地图 73
5-6 网页自动导向 73
第6章 窗体 75
6-1 建立窗体——<form>、<input>元素 75
6-2 HTML 4.01提供的输入类型 77
6-2-1 提交与重置按钮（submit和reset） 78
6-2-2 单行文本框 79
6-2-3 单选按钮 80
6-2-4 复选框 80
6-2-5 多行文本框 81
6-2-6 下拉式菜单（<select>、<option>） 83
6-2-7 密码字段 85
6-2-8 隐藏字段 86
6-3 HTML 5新增的输入类型 86
6-3-1 E-Mail类型 86
6-3-2 URL类型 87
6-3-3 search类型 87
6-3-4 number类型 88
6-3-5 range类型 88
6-3-6 color类型 89
6-3-7 tel类型 90
6-3-8 日期时间类型（date、time、datetime、month、week、datetime-local） 90
6-4 按钮——<button>元素 92
6-5 标签文字——<label>元素 92
6-6 分组——<optgroup>元素 93
6-7 将窗体字段框起来——<fieldset>、<legend>元素 94
第7章 CSS基本语法 96
7-1 CSS的演进 96
7-2 CSS样式表 97
7-3 链接HTML文件与CSS样式表 100
7-3-1 在<head>元素里面使用<style>元素嵌入样式表 100
7-3-2 使用HTML元素的style属性设置样式表 101
7-3-3 将外部的样式表导入HTML文件 101
7-3-4 将外部的样式表链接至HTML文件 102
7-4 选择器的类型 102
7-4-1 万用选择器 102
7-4-2 类型选择器 102
7-4-3 子选择器 103
7-4-4 后裔选择器 103
7-4-5 相邻兄弟选择器 103
7-4-6 全体兄弟选择器 103
7-4-7 类选择器 103
7-4-8 ID选择器 104
7-4-9 属性选择器 105
7-4-10 伪元素 108
7-4-11 伪类 108
7-5 样式表的层叠顺序 110
第8章 颜色、字体、文本与列表属性 112
8-1 颜色属性 112
8-1-1 color（前景颜色） 112
8-1-2 background-color（背景颜色） 114
8-1-3 opacity（透明度） 115
8-2 字体属性 115
8-2-1 font-family（文字字体） 115
8-2-2 font-size（字体大小） 116
8-2-3 font-style（字体样式） 118
8-2-4 font-weight（字体粗细） 119
8-2-5 font-variant（字体变化） 120
8-2-6 line-height（行高） 120
8-2-7 font（字体属性简便表示法） 121
8-3 文本属性 122
8-3-1 text-indent（首行缩排） 122
8-3-2 text-align（文本对齐方式） 122
8-3-3 letter-spacing（字母间距） 123
8-3-4 word-spacing（单词间距） 124
8-3-5 text-transform（大小写转换方式） 124
8-3-6 white-space（空格符） 125
8-3-7 text-shadow（文本阴影） 126
8-3-8 text-decoration-line、text-decoration-style、text-decoration-color
（文本装饰线、样式与颜色） 127
8-3-9 text-decoration（文本强调标记） 128
8-4 列表属性 128
8-4-1 list-style-type（项目符号与编号类型） 128
8-4-2 list-style-image（图片项目符号） 131
8-4-3 list-style-position（项目符号与编号的位置） 131
8-4-4 list-style（列表属性的简便表示法） 133
第9章 Box Model与定位方式 134
9-1 Box Model 134
9-2 边界属性 136
9-3 留白属性 137
9-4 框线属性 139
9-4-1 border-style（框线样式） 139
9-4-2 border-color（框线颜色） 140
9-4-3 border-width（框线宽度） 141
9-4-4 border（框线属性的简便表示法） 143
9-4-5 border-radius（框线圆角） 144
9-5 宽度与高度属性 145
9-5-1 width、height（宽度、高度） 145
9-5-2 min-width、max-width（最小宽度与最大宽度） 145
9-5-3 min-height、max-height（最小高度与最大高度） 146
9-5-4 overflow（显示或隐藏溢出的内容） 147
9-6 定位方式 148
9-6-1 display（HTML元素的显示层级） 148
9-6-2 top、right、bottom、left（上右下左位移量） 149
9-6-3 position（Box的定位方式） 150
9-6-4 float、clear（设置图旁配字、解除图旁配字） 155
9-6-5 z-index（重叠顺序） 157
9-6-6 visibility（显示或隐藏Box） 158
9-6-7 box-shadow（Box阴影） 159
9-6-8 vertical-align（垂直对齐） 160
第10章 背景、渐层与表格 163
10-1 背景属性 163
10-1-1 background-image（背景图片） 163
10-1-2 background-repeat（背景图片重复排列方式） 166
10-1-3 background-position（背景图片起始位置） 168
10-1-4 background-attachment（背景图片是否随内容滚动） 171
10-1-5 background-clip（背景显示区域） 173
10-1-6 background-origin（背景显示位置基准点） 174
10-1-7 background-size（背景图片大小） 175
10-1-8 background（背景属性的简便表示法） 176
10-2 渐变属性 177
10-2-1 linear-gradient()（线性渐变） 177
10-2-2 radial-gradient()（放射状渐变） 178
10-2-3 repeating-linear-gradient()、repeating-radial-gradient()（重复渐变） 179
10-3 表格属性 179
10-3-1 caption-side（表格标题位置） 179
10-3-2 border-collapse（表格框线模式） 180
10-3-3 table-layout（表格版面编排方式） 182
10-3-4 empty-cells（显示或隐藏空白单元格） 182
10-3-5 border-spacing（表格框线间距） 183
第11章 变形、转场与媒体查询 185
11-1 变形处理 185
11-1-1 transform（2D、3D变形处理） 185
11-1-2 transform-origin（变形处理的原点） 188
11-2 转场效果 189
11-3 媒体查询 191
第12章 JavaScript的基本语法 194
12-1 编写第一个JavaScript程序 194
12-1-1 方式一：嵌入JavaScript程序 194
12-1-2 方式二：使用JavaScript事件处理程序 196
12-1-3 方式三：加载外部的JavaScript程序 196
12-2 JavaScript程序代码编写惯例 197
12-3 类型 199
12-3-1 数值 200
12-3-2 字符串 200
12-3-3 布尔 201
12-3-4 undefined 201
12-3-5 null 201
12-4 变量 201
12-5 常数 202
12-6 运算符 203
12-6-1 算术运算符 203
12-6-2 字符串运算符 204
12-6-3 递增/递减运算符 204
12-6-4 比较运算符 204
16-6-5 逻辑运算符 205
12-6-6 位运算符 206
12-6-7 赋值运算符 207
12-6-8 条件运算符 207
12-6-9 类型运算符 207
12-6-10 运算符的优先级 208
12-7 流程控制 208
12-7-1 if 209
12-7-2 switch 213
12-7-3 for 214
12-7-4 while 216
12-7-5 do...while 217
12-7-6 for...in 219
12-7-7 break与continue 220
12-8 函数 221
12-8-1 用户自定义函数 221
12-8-2 函数的参数 224
12-8-3 函数的返回值 225
12-9 变量的作用域 225
12-9-1 全局变量 226
12-9-2 局部变量 226
第13章 对象 229
13-1 认识对象 229
13-2 window对象 231
13-3 标准内部对象 235
13-3-1 Number对象 235
13-3-2 Boolean对象 237
13-3-3 String对象 237
13-3-4 Function对象 240
13-3-5 Object对象 240
13-3-6 Math对象 240
13-3-7 Date对象 242
13-3-8 Array对象 245
13-3-9 Error对象 254
13-4 环境对象 256
13-4-1 location对象 257
13-4-2 navigator对象 258
13-4-3 screen对象 260
13-4-4 history对象 261
13-5 document对象 261
13-5-1 DOM（文件对象模型） 262
13-5-2 document对象的属性与方法 262
13-5-3 document对象的子对象与集合 266
13-6 element对象 267
第14章 事件处理 270
14-1 事件驱动模式 270
14-2 事件的类型 271
14-2-1 传统的事件 271
14-2-2 HTML 5事件 272
14-2-3 DOM事件 272
14-2-4 触控事件 272
14-3 事件处理程序 272
14-4 JavaScript实用范例 277
14-4-1 打印网页 277
14-4-2 网页跑马灯 277
14-4-3 具有超链接功能的下拉菜单 278
14-4-4 显示进入时间 279
14-4-5 显示在线时钟 280
14-4-6 显示停留时间 281
14-4-7 自动切换成PC版网页或移动版网页 282
第15章 jQuery 284
15-1 认识jQuery 284
15-2 使用jQuery的核心 285
15-2-1 选择元素 286
15-2-2 操作DOM对象 287
15-2-3 设置CSS样式和维度 293
15-3 事件 294
15-3-1 .on()方法 294
15-3-2 .off()方法 296
15-3-3 .ready()方法 297
15-4 特效 298
15-4-1 基本特效 298
15-4-2 淡入/淡出/滑动移入/滑动移出特效 300
15-4-3 自定义特效 301
第16章 jQuery UI 304
16-1 认识jQuery UI 304
16-2 使用jQuery UI 305
16-3 Dialog组件（对话框） 307
16-4 Datepicker组件（日期选择器） 309
16-5 Button组件（按钮） 312
16-6 Checkboxradio组件 313
16-7 Selectmenu组件（下拉式菜单） 314
16-8 Progress组件（进度条） 316
16-9 Menu组件（菜单） 319
16-10 Tabs组件（标签页） 322
第17章 Ajax与JSON 324
17-1 认识动态网页技术 324
17-1-1 浏览器端Script 324
17-1-2 服务器端Script 325
17-2 认识Ajax 327
17-3 编写导入Ajax技术的动态网页 328
17-4 使用Ajax技术进行跨网域存取 335
17-4-1 JSON格式 335
17-4-2 $.ajax()方法 336
第18章 响应式网页设计 339
18-1 开发适用于不同设备的网页 339
18-1-1 针对不同的设备开发不同的网站 339
18-1-2 响应式网页设计 340
18-2 响应式网页设计原则 343
18-3 响应式网页设计实例 345
18-3-1 编写HTML文件 346
18-3-2 编写CSS样式 349
