第1章 Web前端开发概述 1
1.1 Web前端开发相关概念 1
1.1.1 浏览器 1
1.1.2 URL 2
1.1.3 WWW 2
1.1.4 网站 2
1.1.5 Web标准 3
1.2 Web前端开发相关技术 3
1.2.1 HTML 3
1.2.2 CSS 4
1.2.3 JavaScript 4
1.3 Web前端开发工具 4
1.3.1 NotePad 5
1.3.2 TextPad 5
1.3.3 WebStorm 5
1.3.4 Dreamweaver 6
1.4 练习 7
第2章 HTML5基础 8
2.1 HTML语法基础 8
2.1.1 HTML文档结构 8
2.1.2 HTML标签 9
2.1.3 标签的属性 10
2.2 文本控制标签 11
2.2.1 标题段落标签 11
2.2.2 文本格式化标签 13
2.2.3 特殊字符标签 16
2.3 图片标签 17
2.3.1 图片的格式与分辨率 17
2.3.2 嵌入图片 17
2.3.3 路径的表示方法 18
2.4 超链接标签 19
2.4.1 创建超链接 20
2.4.2 创建图片链接 21
2.4.3 创建电子邮件链接 22
2.4.4 创建下载链接 22
2.4.5 链接到同一页面的不同位置 23
2.5 表格标签 25
2.5.1 创建表格 25
2.5.2 设置属性 26
2.6 元标签 28
2.7 link标签 29
2.8 练习 30
第3章 页面元素和属性 31
3.1 结构元素 31
3.1.1 header元素 32
3.1.2 article元素 33
3.1.3 aside元素 34
3.1.4 footer元素 35
3.1.5 figure和figcaption元素 36
3.2 页面结点 37
3.2.1 section元素 37
3.2.2 nav元素 38
3.2.3 address元素 38
3.3 交互元素 39
3.3.1 progress元素 39
3.3.2 meter元素 40
3.3.3 details元素和summary元素 41
3.3.4 menu元素 42
3.3.5 command元素 43
3.4 文本层次语义元素 44
3.4.1 cite元素 44
3.4.2 mark元素 44
3.4.3 time元素 45
3.5 分组元素 45
3.5.1 ul元素 46
3.5.2 ol元素 47
3.5.3 dl元素 48
3.6 全局属性 48
3.6.1 hidden属性 49
3.6.2 spellcheck属性 49
3.6.3 contenteditable属性 49
3.6.4 contextmenu属性 50
3.7 练习 50
第4章 构建Web表单 51
4.1 HTML5对表单的改进 51
4.2 表单的结构 55
4.3 输入控件 55
4.3.1 创建文本框 56
4.3.2 创建密码框 57
4.3.3 创建单选按钮 57
4.3.4 创建复选框 58
4.3.5 创建文本区域 59
4.3.6 创建选择框 60
4.3.7 创建隐藏字段 61
4.3.8 创建按钮 61
4.4 处理表单 63
4.4.1 对表单元素进行组织 63
4.4.2 对表单进行验证 64
4.4.3 为表单组件添加说明标签 65
4.4.4 表单提交方式的选择 65
4.5 表单综合实例 66
4.6 练习 68
第5章 音频与视频 69
5.1 关于编解码器 69
5.1.1 音频编解码器 69
5.1.2 视频编解码器 69
5.2 在HTML5中播放音频 69
5.2.1 认识audio元素 70
5.2.2 播放音频 70
5.3 在HTML5中播放视频 72
5.3.1 认识video元素 72
5.3.2 播放视频 72
5.4 音频与视频相关属性、方法与事件 73
5.5 HTML5部分综合案例——茶文化网站的制作 76
5.5.1 设计分析 76
5.5.2 模块组成 77
5.5.3 Logo与导航菜单 78
5.5.4 主体内容区 79
5.5.5 底部区 83
5.5.6 注册页面的实现 83
5.6 练习 87
第6章 CSS3概述 88
6.1 为什么要使用CSS样式 88
6.1.1 什么是CSS样式 88
6.1.2 CSS与DIV之缘 88
6.2 CSS样式的发展 89
6.2.1 CSS1.0和CSS2.0概述 89
6.2.2 CSS3的出现 91
6.3 CCS3的前景展望 91
6.3.1 CSS3的应用范围 91
6.3.2 当前支持CSS3的浏览器 92
6.4 练习 93
第7章 CSS3语法 94
7.1 CSS3的语法基础 94
7.1.1 构造CSS3样式规则 94
7.1.2 为样式规则添加注释 96
7.2 CSS3选择器 97
7.2.1 通用选择器 97
7.2.2 标签选择器 97
7.2.3 类选择器 98
7.2.4 id选择器 98
7.2.5 伪类选择器 99
7.2.6 群组选择器 100
7.2.7 派生选择器 100
7.2.8 属性选择器 101
7.2.9 组合选择器 103
7.3 在网页中应用CSS的4种方式 103
7.3.1 内联CSS样式 103
7.3.2 嵌入CSS样式 104
7.3.3 链入外部CSS样式 104
7.3.4 导入外部CSS样式 106
7.4 CSS样式的特性 107
7.4.1 CSS样式的继承性 107
7.4.2 CSS样式的特殊性 108
7.4.3 CSS样式的层叠性 109
7.4.4 CSS样式的重要性 109
7.5 CSS3常用样式属性 110
7.5.1 字体文本样式 110
7.5.2 背景样式 111
7.5.3 边框样式 112
7.5.4 列表样式 112
7.6 练习 113
第8章 CSS3页面布局 115
8.1 网页布局的类型 115
8.1.1 固定宽度网页布局 115
8.1.2 流式网页布局 116
8.1.3 响应式网页布局 116
8.2 DIV+CSS网页布局 116
8.2.1 创建DIV 116
8.2.2 CSS盒模型 117
8.2.3 网页元素的定位 121
8.2.4 CSS页面布局实例 126
8.3 设计多列布局 130
8.3.1 设置多列显示样式 130
8.3.2 定义列间距 130
8.3.3 定义列边框样式 131
8.3.4 定义跨列显示 131
8.4 CSS3的弹性盒布局 133
8.5 设计导航栏 138
8.6 练习 140
第9章 CSS3高级应用 141
9.1 滤镜属性filter 141
9.2 渐变gradient 143
9.3 2D转换transform 146
9.4 过渡transition 148
9.5 动画animation 150
9.6 CSS3综合实例——茶文化网站的CSS样式 151
9.6.1 茶文化网站的网页布局CSS3样式实现 152
9.6.2 茶文化网站的页面美观CSS3样式实现 158
9.6.3 茶文化网站中注册表单CSS3样式实现 160
9.7 练习 165
第10章 JavaScript概述 166
10.1 JavaScript简介 166
10.1.1 JavaScript是什么 166
10.1.2 JavaScript和Java的关系 167
10.1.3 JavaScript的发展历史 167
10.1.4 JavaScript开发及运行环境 168
10.2 在HTML5文件中使用JavaScript代码 169
10.2.1 JavaScript嵌入HTML5文件内 169
10.2.2 外部JavaScript文件 170
10.3 练习 171
第11章 JavaScript语言基础 172
11.1 数据类型与变量 172
11.1.1 数据类型 172
11.1.2 变量 174
11.1.3 保留关键字 175
11.2 运算符与表达式 176
11.2.1 算术运算符及表达式 176
11.2.2 赋值运算符及表达式 177
11.2.3 关系运算符及表达式 178
11.2.4 位运算符及其表达式 178
11.2.5 逻辑运算符及逻辑表达式 179
11.2.6 其他运算符及运算优先级 180
11.3 流程控制语句 181
11.3.1 注释语句和语句块 181
11.3.2 选择语句 182
11.3.3 循环语句 188
11.4 函数 191
11.4.1 函数简介 191
11.4.2 定义函数 191
11.4.3 调用函数 194
11.4.4 全局函数 196
11.5 练习 199
第12章 JavaScript对象 200
12.1 字符串对象 200
12.1.1 创建字符串对象 200
12.1.2 字符串对象的属性 201
12.1.3 字符串对象的方法 201
12.2 数学对象 203
12.2.1 数学对象的属性 203
12.2.2 数学对象的方法 204
12.3 日期对象 206
12.3.1 创建日期对象 207
12.3.2 日期对象的方法 208
12.3.3 日期运算 211
12.4 数组对象 212
12.4.1 创建数组对象 213
12.4.2 数组对象的操作 213
12.4.3 数组对象的常用方法 216
12.5 练习 220
第13章 JavaScript对象编程 221
13.1 文档对象模型（DOM） 221
13.1.1 文档对象模型（DOM）简介 221
13.1.2 在DOM模型中获得对象的方法 221
13.1.3 事件驱动 222
13.2 窗口（window）对象 225
13.2.1 窗口（window）介绍 225
13.2.2 对话框 227
13.2.3 窗口操作 228
13.3 文档（Document）对象 230
13.3.1 认识文档对象 230
13.3.2 文档中的图片 232
13.3.3 文档中的超链接 233
13.4 表单对象 234
13.4.1 form对象 234
13.4.2 form对象属性与方法 235
13.4.3 单选按钮与复选框 236
13.4.4 下拉列表 237
13.4.5 表单注册与表单验证 239
13.5 练习 243
第14章 HTML5、CSS3和JavaScript应用 244
14.1 JavaScript与CSS3 244
14.1.1 动态内容 244
14.1.2 动态样式 245
14.1.3 动态定位 246
14.1.4 显示与隐藏 249
14.1.5 表单数据即时验证效果 250
14.2 HTML5、CSS3和JavaScript实例 252
14.2.1 实例——跑马灯效果 252
14.2.2 实例——左右移动的图片 254
14.2.3 实例——浮动广告图片 255
14.3 练习 257
第15章 响应式网页设计 258
15.1 响应式网页设计的技术要点 258
15.1.1 响应式网页宽度 258
15.1.2 响应式网页字体 259
15.1.3 响应式网页图片 259
15.1.4 响应式网页布局 259
15.1.5 响应式网页CSS应用 259
15.2 响应式网页设计综合实例 260
15.3 练习 264
第16章 综合实例 265
16.1 网站的规划与设计 265
16.1.1 网站定位 265
16.1.2 需求分析 265
16.1.3 栏目设计 265
16.1.4 资料收集 266
16.1.5 站点目录管理 266
16.1.6 网站的风格设计 266
16.2 网页设计与制作 267
16.2.1 基础工作 267
16.2.2 网页布局 268
16.2.3 首页制作 272
16.2.4 二级页面制作 278
16.2.5 表单页面制作 280
16.3 总结 291
参考文献 292