目 录
前言

第1章 Web前端开发概述1
1.1 Web前端开发相关概念1
1.1.1 浏览器1
1.1.2 URL1
1.1.3 WWW2
1.1.4 网站2
1.1.5 Web标准2
1.2 Web前端开发相关技术2
1.2.1 HTML3
1.2.2 CSS3
1.2.3 JavaScript4
1.3 Web前端开发工具4
1.3.1 NotePad4
1.3.2 TextPad4
1.3.3 WebStorm5
1.3.4 Dreamweaver5
1.4 Web服务器6
1.4.1 概念6
1.4.2 类型6
1.4.3 配置6
1.4.4 建站过程7
1.5 练习8
第2章 HTML5基础9
2.1 HTML语法基础9
2.1.1 HTML文档结构9
2.1.2 HTML标签10
2.1.3 标签的属性11
2.1.4 HTML字符集12
2.2 文本控制标签12
2.2.1 标题段落标签12
2.2.2 文本格式化标签14
2.2.3 特殊字符标签16
2.3 图片标签16
2.3.1 图片的格式与分辨率17
2.3.2 嵌入图片17
2.3.3 路径的表示方法18
2.4 超链接标签19
2.4.1 超链接19
2.4.2 图片链接20
2.4.3 电子邮件链接21
2.4.4 下载链接22
2.4.5 锚点链接22
2.5 表格标签24
2.5.1 创建表格24
2.5.2 设置属性25
2.6 元标签27
2.7 link标签27
2.8 练习28
第3章 页面元素和属性30
3.1 结构元素30
3.1.1 header元素31
3.1.2 article元素32
3.1.3 aside元素32
3.1.4 footer元素33
3.1.5 <figure>和<figcaption>元素34
3.2 页面节点35
3.2.1 section元素35
3.2.2 nav元素35
3.2.3 address元素36
3.3 交互元素36
3.3.1 progress元素37
3.3.2 meter元素37
3.3.3 details元素和summary元素38
3.3.4 menu元素39
3.3.5 command元素40
3.4 文本层次语义元素40
3.4.1 cite元素41
3.4.2 mark元素41
3.4.3 time元素41
3.5 分组元素42
3.5.1 ul元素42
3.5.2 ol元素44
3.5.3 dl元素44
3.6 全局属性44
3.6.1 hidden属性45
3.6.2 spellcheck属性45
3.6.3 contenteditable属性46
3.6.4 contextmenu 属性46
3.6.5 dir属性46
3.6.6 draggable 属性47
3.7 练习47
第4章 Web表单49
4.1 HTML5对表单的改进49
4.2 表单的结构53
4.3 表单控件53
4.3.1 文本框54
4.3.2 密码框54
4.3.3 单选按钮55
4.3.4 复选框55
4.3.5 文本区域56
4.3.6 选择框56
4.3.7 隐藏字段57
4.3.8 按钮58
4.4 处理表单59
4.4.1 对表单元素进行组织59
4.4.2 对表单进行验证60
4.4.3 为表单组件添加说明标签61
4.4.4 表单提交方式的选择61
4.5 表单综合实例61
4.6 练习63
第5章 音频与视频65
5.1 编解码器65
5.1.1 音频编解码器65
5.1.2 视频编解码器65
5.2 在HTML5中播放音频65
5.2.1 认识audio元素66
5.2.2 播放音频66
5.3 在HTML5中播放视频67
5.3.1 认识video元素67
5.3.2 播放视频68
5.4 音频与视频相关属性、方法
与事件68
5.5 HTML5部分综合案例—茶文化
网站的制作71
5.5.1 设计分析71
5.5.2 模块组成72
5.5.3 Logo与导航菜单72
5.5.4 主体区73
5.5.5 底部区76
5.5.6 注册页面的实现76
5.6 练习79
第6章 CSS3概述80
6.1 CSS简介80
6.1.1 CSS层叠样式表80
6.1.2 CSS与DIV之缘80
6.2 CSS的发展81
6.2.1 CSS1.0和CSS2.0概述81
6.2.2 CSS3的出现83
6.3 CCS3的前景展望83
6.3.1 CSS3的应用范围83
6.3.2 当前支持CSS3的浏览器84
6.4 练习85
第7章 CSS3语法86
7.1 CSS3的语法基础86
7.1.1 构造CSS3样式规则86
7.1.2 为样式规则添加注释88
7.2 CSS3选择器88
7.2.1 通用选择器88
7.2.2 标签选择器89
7.2.3 类选择器89
7.2.4 id选择器90
7.2.5 伪类选择器90
7.2.6 群组选择器91
7.2.7 派生选择器91
7.2.8 属性选择器92
7.2.9 组合选择器94
7.3 在网页中应用CSS的4种方式94
7.3.1 内联CSS样式94
7.3.2 嵌入CSS样式95
7.3.3 链入外部CSS样式表95
7.3.4 导入外部CSS样式表97
7.4 CSS样式的特性97
7.4.1 CSS样式的继承性97
7.4.2 CSS样式的特殊性99
7.4.3 CSS样式的层叠性100
7.4.4 CSS样式的重要性100
7.5 CSS3常用样式属性100
7.5.1 字体文本样式100
7.5.2 背景样式102
7.5.3 边框样式102
7.5.4 列表样式103
7.6 练习103
第8章 CSS3页面布局105
8.1 网页布局的类型105
8.1.1 固定宽度网页布局105
8.1.2 流式网页布局106
8.1.3 响应式网页布局106
8.2 DIV+CSS网页布局106
8.2.1 创建DIV106
8.2.2 CSS盒模型107
8.2.3 网页元素的定位110
8.2.4 CSS页面布局实例114
8.3 设计多列布局118
8.3.1 设置多列显示样式118
8.3.2 定义列间距118
8.3.3 定义列边框样式118
8.3.4 定义跨列显示119
8.4 CSS3的弹性盒布局120
8.5 设计导航栏124
8.6 练习126
第9章 CSS3高级应用127
9.1 滤镜属性filter127
9.2 渐变gradient129
9.3 2D和3D转换transform131
9.3.1 2D转换131
9.3.2 3D转换133
9.4 过渡transition134
9.5 动画 animation135
9.6 用户界面相关属性137
9.7 CSS3综合实例—茶文化
网站的CSS样式138
9.7.1 茶文化网站的网页布局CSS3
样式实现138
9.7.2 茶文化网站的页面美观CSS3
样式实现143
9.7.3 茶文化网站中注册表单CSS3
样式实现145
9.8 练习149
第10章 JavaScript概述150
10.1 JavaScript简介150
10.1.1 JavaScript是什么150
10.1.2 JavaScript和Java的关系151
10.1.3 JavaScript的发展历史151
10.1.4 JavaScript开发及运行环境152
10.2 在HTML5文件中使用JavaScript
代码153
10.2.1 JavaScript嵌入HTML5文件内153
10.2.2 外部JavaScript文件153
10.3 练习154
第11章 JavaScript语言基础155
11.1 数据类型与变量155
11.1.1 数据类型155
11.1.2 变量157
11.1.3 关键字与保留字158
11.2 运算符与表达式159
11.2.1 算术运算符及表达式159
11.2.2 赋值运算符及表达式160
11.2.3 关系运算符及表达式160
11.2.4 位运算符及其表达式161
11.2.5 逻辑运算符及逻辑表达式162
11.2.6 其他运算符及运算优先级163
11.3 流程控制语句164
11.3.1 注释语句和语句块164
11.3.2 选择语句165
11.3.3 循环语句170
11.4 函数172
11.4.1 函数简介172
11.4.2 定义函数172
11.4.3 调用函数175
11.4.4 全局函数176
11.5 练习179
第12章 JavaScript对象181
12.1 字符串对象181
12.1.1 创建字符串对象181
12.1.2 字符串对象的属性182
12.1.3 字符串对象的方法182
12.2 数学对象184
12.2.1 数学对象的属性184
12.2.2 数学对象的方法184
12.3 日期对象187
12.3.1 创建日期对象187
12.3.2 日期对象的方法189
12.3.3 日期运算191
12.4 数组对象192
12.4.1 创建数组对象192
12.4.2 数组对象的操作193
12.4.3 数组对象的常用方法195
12.5 练习198
第13章 JavaScript对象编程199
13.1 文档对象模型（DOM）199
13.1.1 文档对象模型（DOM）简介199
13.1.2 在DOM模型中获得对象的
方法199
13.1.3 事件驱动200
13.2 窗口（window）对象202
13.2.1 窗口（window）介绍202
13.2.2 对话框204
13.2.3 窗口操作205
13.3 文档（document）对象207
13.3.1 认识文档对象207
13.3.2 文档中的图片208
13.3.3 文档中的超链接210
13.4 表单对象210
13.4.1 form对象210
13.4.2 form对象属性与方法211
13.4.3 单选按钮与复选框212
13.4.4 下拉列表213
13.4.5 表单注册与表单验证214
13.5 练习217
第14章 jQuery基础218
14.1 jQuery概述218
14.1.1 jQuery简介218
14.1.2 jQuery安装219
14.1.3 基础语法220
14.2 jQuery选择器221
14.2.1 基本选择器221
14.2.2 层次选择器222
14.2.3 过滤选择器223
14.2.4 表单选择器225
14.3 jQuery中的DOM操作225
14.3.1 查找节点226
14.3.2 创建节点227
14.3.3 插入节点227
14.3.4 删除节点230
14.3.5 复制节点231
14.3.6 替换节点231
14.3.7 属性操作232
14.3.8 样式操作233
14.3.9 遍历节点235
14.4 jQuery事件237
14.4.1 加载DOM237
14.4.2 事件绑定238
14.4.3 合成事件239
14.4.4 事件冒泡239
14.4.5 移除事件243
14.5 jQuery动画245
14.5.1 隐藏和显示245
14.5.2 淡入和淡出246
14.5.3 滑动动画247
14.5.4 自定义动画方法248
14.5.5 动画控制方法250
14.6 练习251
第15章 jQuery应用252
15.1 表单应用252
15.1.1 单行文本框应用252
15.1.2 多行文本框应用253
15.1.3 复选框应用254
15.1.4 下拉框应用255
15.1.5 表单验证256
15.2 表格应用258
15.2.1 表格颜色控制258
15.2.2 表格展开与关闭259
15.2.3 表格内容的筛选260
15.3 练习261
第16章 响应式网页设计262
16.1 响应式网页简介262
16.2 响应式网页设计的技术要点262
16.2.1 响应式网页宽度262
16.2.2 响应式网页字体263
16.2.3 响应式网页图片263
16.2.4 响应式网页布局263
16.2.5 响应式网页CSS应用263
16.3 响应式网页设计综合实例264
16.4 练习267
第17章 综合实例268
17.1 网站的规划与设计268
17.1.1 网站定位268
17.1.2 需求分析268
17.1.3 栏目设计268
17.1.4 资料收集269
17.1.5 站点目录管理269
17.1.6 网站的风格设计269
17.2 网页设计与制作270
17.2.1 基础工作270
17.2.2 网页布局270
17.2.3 首页制作273
17.2.4 二级页面制作279
17.2.5 表单页面制作280
17.3 总结285