第1章 Web前端开发概述 1
1.1　Web概述　2
1.1.1　Web客户端技术　2
1.1.2　Web服务器端技术　2
1.1.3　超文本传输协议　3
1.1.4　统一资源定位符　3
1.2　HTML　3
1.2.1　HTML简介　3
1.2.2　HTML的发展　4
1.3　CSS　4
1.3.1　CSS简介　4
1.3.2　CSS的特点　5
1.4　JavaScript　5
1.4.1　JavaScript简介　5
1.4.2　JavaScript的特点　6
1.5　jQuery　6
1.6　Bootstrap　7
1.7　其他前端框架　7
1.7.1　Angular　7
1.7.2　React　7
1.7.3　Vue　7
小结　8
第2章　HTML5基础Ⅰ　9
2.1　HTML5的新特性　10
2.2　HTML5文档结构　11
2.2.1　基本结构　11
2.2.2　编辑工具　12
2.3　HTML5头部标签　13
2.3.1　<title>标签　13
2.3.2　<meta>标签　14
2.3.3　<link>标签　14
2.3.4　<style>标签　14
2.3.5　<script>标签　15
2.4　块级标签　15
2.4.1　基本的块级标签　15
2.4.2　常用于布局的块级标签　17
2.5　行级标签　22
2.5.1　图像标签<img/>　22
2.5.2　图片列表标签<figure>和<figcaption>　23
2.5.3　范围标签<span>　25
2.5.4　换行标签<br/>　25
2.5.5　超链接标签<a>　26
2.6　W3C标准　30
2.6.1　W3C提倡的Web页面结构　30
2.6.2　HTML5的基本规范、结构元素和媒体支持　31
2.7　实践指导　34
小结　35
拓展训练　36
第3章　HTML5基础Ⅱ　37
3.1　表格基础　38
3.1.1　表格结构　39
3.1.2　表格标签　40
3.1.3　表格属性设置　41
3.1.4　跨行和跨列设置　42
3.2　表单　45
3.2.1　表单标签　47
3.2.2　表单域　47
3.2.3　表单按钮　53
3.2.4　HTML5新增的表单属性　54
3.2.5　HTML5新增表单标签　55
3.2.6　表单验证　56
3.3　表格布局　57
3.3.1　应用场景　57
3.3.2　图文布局　57
3.3.3　表单布局　59
3.3.4　表格的嵌套布局　61
3.4　<iframe>框架　63
3.4.1　<iframe>的用法　64
3.4.2　设置<iframe>常用属性　64
3.5　实践指导　65
小结　67
拓展训练　67
第4章　CSS3基础　70
4.1　CSS3简介　71
4.2　CSS3基本语法　72
4.2.1　CSS3基本结构　72
4.2.2　在HTML5中引入CSS3样式表　72
4.2.3　CSS3基本选择器　76
4.2.4　CSS层叠性、继承性和重要性　80
4.2.5　多选择器的常用符号及组合　82
4.3　CSS的常用属性　82
4.3.1　CSS的属性单位　82
4.3.2　字体属性　83
4.3.3　文本属性　85
4.3.4　背景属性　87
4.3.5　列表的常用属性　88
4.3.6　超链接伪类样式　89
4.4　实践指导　91
小结　93
拓展训练　94
第5章　CSS3布局　95
5.1　盒子模型及应用　96
5.1.1　盒子模型　96
5.1.2　盒子属性　96
5.2　DIV+CSS3布局　100
5.2.1　<div>标签的样式设置　100
5.2.2　布局页面设置　102
5.2.3　<div>标签的嵌套　103
5.2.4　display属性　104
5.2.5　<div>标签的浮动　106
5.2.6　<div>标签的定位　109
5.2.7　圆角边框　112
5.2.8　典型的DIV+CSS3整体页面布局　113
5.3　典型的局部布局　115
5.3.1　<div>-<ul>-<li>局部布局　115
5.3.2　<div>-<dl>-<dt>-<dd>局部布局　119
5.4　实践指导　121
小结　123
拓展训练　124
第6章　网站设计　125
6.1　网站开发流程　126
6.1.1　需求分析　126
6.1.2　伪界面设计　127
6.1.3　网站制作　127
6.1.4　测试网页　128
6.1.5　发布网站　128
6.2　创建站点　128
6.3　页面布局技术　130
6.3.1　表格布局　130
6.3.2　框架布局　130
6.3.3　DIV+CSS3布局　131
6.4　网页制作　131
6.4.1　制作首页布局　131
6.4.2　制作网页模板　132
6.4.3　制作样式表文件和其他页面绑定　133
6.4.4　设置页面间的链接　135
6.5　测试并发布网站　135
6.5.1　测试内容　135
6.5.2　发布站点　136
6.6　实践指导　139
小结　141
拓展训练　141
第7章　JavaScript基础　142
7.1　JavaScript简介　143
7.1.1　JavaScript的基本结构　143
7.1.2　脚本的执行原理　145
7.2　JavaScript基础语法　145
7.2.1　变量　146
7.2.2　数据类型　146
7.2.3　注释　148
7.2.4　运算符　148
7.2.5　常用的输入/输出　148
7.3　流程控制　149
7.3.1　分支结构　149
7.3.2　循环结构　152
7.3.3　转移结构　155
7.4　函数　157
7.4.1　内置系统函数　157
7.4.2　自定义函数　159
7.5　实践指导　160
小结　164
拓展训练　164
第8章　JavaScript对象　165
8.1　JavaScript核心对象　166
8.1.1　数组对象　166
8.1.2　字符串对象　167
8.1.3　日期对象　170
8.1.4　数学对象　173
8.2　自定义对象　175
8.2.1　对象的制作和使用　175
8.2.2　在对象内设定方法　177
8.2.3　将对象作为对象属性使用　178
8.3　JavaScript的事件　180
8.4　实践指导　182
小结　183
拓展训练　183
第9章　JavaScript DOM　185
9.1　DOM概述　186
9.2　window对象　187
9.2.1　常用属性　187
9.2.2　常用方法　187
9.2.3　常用事件　189
9.3　document对象　191
9.3.1　常用属性　191
9.3.2　常用方法　192
9.4　其他对象　194
9.4.1　history对象　194
9.4.2　location对象　195
9.4.3　表单对象　196
9.5　DOM编程应用　198
9.5.1　元素的显示和隐藏　198
9.5.2　复选框全选效果　202
9.6　实践指导　204
小结　205
拓展训练　205
第10章　jQuery基础　206
10.1　jQuery简介　207
10.1.1　jQuery的使用　207
10.1.2　jQuery工厂函数　208
10.2　DOM对象与jQuery对象的相互转换　208
10.3　jQuery的选择器　210
10.3.1　基本选择器　210
10.3.2　层次选择器　211
10.3.3　过滤选择器　213
10.3.4　表单选择器　221
10.4　实践指导　223
小结　223
拓展训练　223
第11章　jQuery应用　224
11.1　jQuery的事件绑定　225
11.1.1　jQuery事件　225
11.1.2　常用的绑定方法　225
11.1.3　使用jQuery操作DOM　227
11.2　jQuery的动画函数　236
11.2.1　show()和hide()函数　236
11.2.2　fadeIn()和fadeOut()函数　237
11.2.3　自定义动画　238
11.3　jQuery的简单应用　239
11.3.1　功能需求　239
11.3.2　功能实现　240
11.4　实践指导　246
小结　246
拓展训练　246
第12章　响应式布局　247
12.1　视口　248
12.1.1　PC端视口　248
12.1.2　移动端视口　248
12.2　媒体查询与百分比布局　250
12.2.1　媒体查询　250
12.2.2　百分比布局　251
12.3　栅格系统　254
12.3.1　栅格系统简介　254
12.3.2　栅格系统的应用　254
12.4　弹性盒布局　255
12.4.1　弹性盒布局简介　255
12.4.2　弹性盒布局的应用　258
12.5　实践指导　261
小结　262
拓展训练　262
第13章　Bootstrap技术　263
13.1　Bootstrap技术简介　264
13.1.1　Bootstrap技术基本介绍　264
13.1.2　Bootstrap技术的基本用法　264
13.2　栅格系统　265
13.3　CSS全局样式　269
13.3.1　基础排版　269
13.3.2　表单　270
13.3.3　按钮　273
13.3.4　图片　273
13.4　Bootstrap组件　274
13.4.1　图标　274
13.4.2　下拉菜单　276
13.4.3　输入框　278
13.4.4　导航与导航条　279
13.4.5　缩略图与媒体对象　286
13.4.6　列表组　289
13.5　实践指导　290
小结　291
拓展训练　291
第14章　综合案例　292
14.1　网页概述　293
14.1.1　导航条　293
14.1.2　搜索栏　293
14.1.3　滚动式信息栏　294
14.1.4　其他网页元素　294
14.2　导航条　295
14.3　搜索栏　298
14.4　滚动式推荐栏　299
14.5　其他网页元素　301
14.5.1　用户信息栏　301
14.5.2　美食信息栏　302
14.5.3　特殊服务栏　303
14.5.4　外部链接栏　304
14.5.5　网页信息栏　305
14.5.6　至顶（to-top）　306
小结　308
拓展训练　308