Web前端一站式开发手册 HTML5+CSS3+JavaScript网页制作与设计教程web html5 dw开发建站网站建设Java语言设计书籍web前端开发书籍.

本书以“理论知识”为铺垫，以“实际应用”为指向，从简单易学的角度出发，系统讲述了Web前端开发的相关知识，内容由浅入深，通俗易懂，知识点与案例结合紧密，所选案例新颖丰富，紧贴实战。 本书从Web基础知识讲起，循序渐进地融入了HTML5、CSS3、JavaScript、绘图、地理定位、本地存储等实用技术，是一本真正的Web前端开发从学到用的自学教程。 本书配备了极为丰富的学习资源，不仅有教学视频、实例素材及源程序，还有HTML页面基本速查、CSS常用属性速查、JavaScript对象参考手册，jQuery参考手册、网页配色基本知识速查等电子书。 本书适合作为Web前端开发、网页设计、网页制作、网站建设的入门级或者有一定基础读者的自学用书，也可用作高等院校或培训学校相关专业的教材及参考书。

第1章 Web基础知识 001
1.1 Web前端开发 002
1.1.1 什么是前端开发 002
1.1.2 前端开发要学哪些内容 002
1.2 Web工作原理 003
1.2.1 因特网与万维网 003
1.2.2 Web架构 003
1.2.3 协议 004
1.2.4 服务器 005
1.2.5 什么是网页 005
1.2.6 浏览器的工作原理 005
1.2.7 网页与网站的关系 006
1.3 HTML概念与HTML5的 006
1.3.1 什么是HTML 006
1.3.2 HTML到XHTML 007
1.3.3 HTML5的发展 008
1.4 HTML文件的基本标记 008
1.4.1 开始标签 009
1.4.2 头部标签 009
1.4.3 标题标签 009
1.4.4 主体标签 010
1.4.5 信息标签 010
1.4.6 标签 010
综合实战 制作我的排名靠前个网页 011
课后作业 简单网页的制作方法 013

第2章 填充网页内容 015
2.1 网页中文字和段落 016
2.1.1 标题文字 016
课堂练习：制作大小不同的标题 016
2.1.2 文字对齐 017
课堂练习：使用align设置对齐方式 017
2.1.3 文字字体 018
课堂练习：字体的设置 018
2.1.4 段落换行 019
课堂练习：给文字换行 019
2.1.5 字体颜色 020
课堂练习：给文字设置色彩 020
2.1.6 文字的上标和下标 021
课堂练习：制作数学方程式 021
2.1.7 文字删除线 021
课堂练习：删除线的制作 022
2.1.8 文字不换行 022
课堂练习：制作文字不换行效果 022
2.1.9 文字加粗 023
课堂练习：让文字更加突出 023
2.2 网页中的图片样式 024
2.2.1 图片的格式 024
2.2.2 给网页添加图片 025
课堂练习：使用img标签 025
2.2.3 设置图片的大小 026
课堂练习：图片的大小设置 026
2.2.4 图片的边框显示 027
课堂练习：给图片设置边框 027
2.2.5 水平间距 027
课堂练习：设置图片的间距效果 028
2.2.6 提示文字 029
课堂练习：设置图片的提示文字 029
2.2.7 文字替换图片 029
课堂练习：设置图片的替换文字 030
综合实战 定义图片热区 030
课后作业 设置字体和图片样式 032

第3章 表格布局网页 034
3.1 创建表格 035
3.1.1 表格的基本构成 035
3.1.2 表格的标题 035
课堂练习：制作表格的标题 035
3.1.3 表格的表头 037
课堂练习：制作表格的表头 037
3.2 设置表格边框样式 038
3.2.1 给表格设置边框 038
课堂练习：设置表格边框 038
3.2.2 给表格边框设置颜色 039
课堂练习：设置表格边框颜色 040
3.2.3 表格中的单格间距 041
课堂练习：设置表格单格间距 041
3.2.4 表格中文字与边框间距 042
课堂练习：在文字和边框之间设置间距 042
3.3 设置表格行内属性 043
3.3.1 行的背景颜色及大小 043
课堂练习：设置行的背景颜色和大小 043
3.3.2 行内文字的对齐方式 045
课堂练习：如何设置行内文字的对齐方式 045
3.4 设置表格的背景 046
3.4.1 表格背景颜色 047
课堂练习：表格整体颜色的设置 047
3.4.2 为表格背景插入图像 048
课堂练习：插入表格的背景图片 048
3.5 设置单格的样式 049
3.5.1 单格的大小 049
课堂练习：设置单格的大小 049
3.5.2 单格的背景颜色 051
课堂练习：设置单格的背景颜色 051
3.5.3 单格的边框属性 052
课堂练习：给单格边框设置属性 052
3.5.4 合并单格 053
课堂练习：将多个单格进行合并 053
综合实战 利用表格制作简单的网页 055
课后作业 制作一张课程表 057

第4章 列表和超链接 059
4.1 使用无序列表 060
4.1.1 ul标签使用方法 060
课堂练习：制作无序列表 060
4.1.2 type无序列表类型 061
课堂练习：制作无序列表类型 061
4.2 使用有序列表 063
4.2.1 ol定义有序列表 063
课堂练习：制作有序列表 063
4.2.2 type有序列表类型 064
课堂练习：设置有序列表类型 064
4.2.3 start有序列表的起始值 065
课堂练习：制作列表的起始值 065
4.2.4 dl定义列表标签 066
课堂练习：制作定义列表 066
4.2.5 menu菜单列表 068
课堂练习：制作菜单列表样式 069
4.2.6 color设置列表文字颜色 069
课堂练习：给列表项目设置颜色 070
4.3 列表的嵌套 070
4.3.1 定义列表的嵌套 070
课堂练习：使用嵌套列表制作诗集 071
4.3.2 无序列表和有序列表的嵌套 072
课堂练习：制作中国历史朝代出现的顺序 072
4.3.3 有序列表之间的嵌套 073
课堂练习：有序列表的嵌套方法 073
4.4 超链接的路径 075
4.4.1 绝对路径 075
4.4.2 相对路径 075
4.5 创建超链接 075
4.5.1 超链接标签的属性 075
4.5.2 内部链接 076
课堂练习：制作网页中的链接方法 076
4.5.3 外部链接 077
课堂练习：链接到外部网页 077
综合实战 制作网站首页菜单 078
课后作业 首页的二级菜单 080

第5章 HTML5常用素 082
5.1 HTML5新特性 083
5.1.1 HTML5的兼容性 083
5.1.2 HTML5的化繁为简 083
5.1.3 HTML5的通用访问 084
5.1.4 HTML5标准改进 084
5.2 HTML5优势 084
5.2.1 页面的交互性能更强大 085
课堂练习：制作一个可以编辑的页面 085
5.2.2 使用HTML5的优势 086
5.2.3 HTML5的语法变化 088
5.2.4 HTML5中的标记方法 088
5.2.5 HTML5与旧版本的兼容性 089
5.3 HTML5中新增的素 090
5.3.1 HTML5中新增的素 090
5.3.2 HTML5中废除的素和属性 094
5.4 HTML5新的主体结构素 094
5.4.1 article素 094
课堂练习：定义外部内容 095
5.4.2 section素 096
课堂练习：使用section素 096
5.4.3 nav素 098
课堂练习：制作简单导航栏 098
5.4.4 aside素 099
课堂练习：aside素的使用方法 099
5.4.5 time素与微格式 100
课堂练习：使用time微格式 101
5.5 HTML5新的非主体结构素 101
5.5.1 header素 101
课堂练习：使用header素 102
5.5.2 hgroup素 103
5.5.3 footer素 103
课堂练习：使用footer制作底部信息 104
综合实战 使用video素添加视频 105
课后作业 制作一个播放器效果 107

第6章 表单的应用详解 109
6.1 表单的标签 110
6.1.1 处理动作action 110
6.1.2 表单名称name 110
6.1.3 传送方法method 111
6.1.4 编码方式enctype 111
6.1.5 目标显示方式target 112
6.1.6 表单的控件 112
6.2 输入型的控件 113
6.2.1 文字字段text 113
课堂练习：文字字段的设置 114
6.2.2 密码域password 114
课堂练习：密码域的设置 115
6.2.3 单选按钮radio 116
课堂练习：单选按钮的添加 116
6.2.4 复选框checkbox 117
课堂练习：复选框的设置 117
6.2.5 表单按钮button 118
课堂练习：表单的普通按钮 119
6.2.6 提交按钮submit 119
课堂练习：提交按钮的设置 119
6.2.7 重置按钮reset 120
课堂练习：重置按钮的设置 121
6.2.8 文件域file 122
课堂练习：文件域的添加方法 122
6.2.9 文本域标签textarea 123
课堂练习：设置表单的文本域 123
6.3 表单定义标签 124
6.3.1 使用label定义标签 124
课堂练习：用label定义标签 124
6.3.2 使用button定义按钮 125
课堂练习：使用button定义按钮 125
6.3.3 列表、表单标记 126
课堂练习：列表、表单的设置 126
6.4 HTML5 中的表单 127
6.4.1 HTML5 form新特性 127
6.4.2 新型表单的输入型控件 128
6.4.3 表单中日期的制作 129
课堂练习：表单中出现的日期 129
6.4.4 限制数字范围 130
课堂练习：制作数字的大和zui小值 130
6.4.5 自选颜色的设置 131
课堂练习：选择喜欢的颜色 131
6.5 HTML5中表单新增的素和属性 132
6.5.1 表单的新素 132
6.5.2 表单新增属性 134
课堂练习：输入占位符的制作方法 135
课堂练习：自动获得焦点 136
课堂练习：检索datalist素的值 137
综合实战 制作一个综合表单 138
课后作业 利用新增素制作表单 141

第7章 进行拖拽和存储 143
7.1 拖放API 144
7.1.1 实现拖放API的过程 144
7.1.2 dataTransfer对象的属性与方法 144
7.2 拖放API的应用 145
7.2.1 拖放应用 145
课堂练习：制作拖放效果 145
7.2.2 拖放列表 147
课堂练习：制作拖放列表效果 147
7.3 学习WebStorage 储存 150
7.3.1 WebStorage介绍 150
7.3.2 简单的数据库应用 150
课堂练习：制作简单的数据库效果 151
7.3.3 WebStorage的浏览器支持情况 152
7.4 使用WebStorage API 153
7.4.1 设置和获取数据 153
课堂练习：获取数据库的制作 153
7.4.2 LocalStorage和
SessionStorage 154
7.4.3 WebStorage事件机制 154
课堂练习：制作事件机制 154
7.5 本地数据库 156
7.5.1 什么是本地数据库 156
7.5.2 用executesql来执行查询的实现 156
课堂练习：查询本地数据库 157
7.5.3 使用数据库实现网页留言 159
课堂练习：制作网页留言效果 159
综合实战 添加喜欢的项目 162
课后作业 制作拖拽商品的效果 164

第8章 HTML5定位机制 166
8.1 关于地理位置信息 167
8.1.1 经度和纬度坐标 167
8.1.2 IP地址定位数据 167
8.1.3 GPS地理定位数据 167
8.1.4 Wi-Fi地理定位数据 168
8.1.5 用户自定义的地理定位 168
8.2 浏览器对Geolocation的支持 168
8.2.1 Geolocation API必学知识 168
课堂练习：获取当前位置 169
8.2.2 Geolocation的浏览器支持情况 171
8.3 隐私处理 171
8.3.1 应用隐私保护机制 171
8.3.2 处理位置信息 171
8.4 使用Geolocation API 172
8.4.1 检测浏览器是否支持 172
课堂练习：检测浏览器是否支持 172
8.4.2 位置请求 173
8.4.3 在地图上显示你的位置 175
课堂练习：定位自己的位置 176
综合实战 定位所在城市位置 179
课后作业 获取所在的经纬度 181

第9章 使用canvas绘图 182
9.1 canvas基础 183
9.1.1 什么是canvas 183
9.1.2 什么地方会用到canvas 183
9.1.3 替代的内容 183
9.1.4 浏览器对canvas的支持情况 184
9.1.5 CSS和canvas 184
9.1.6 canvas坐标 184
9.2 如何使用canvas 185
9.2.1 检测浏览器是否支持 185
9.2.2 在页面中加入canvas 186
9.2.3 绘制矩形与三角形 188
课堂练习：canvas绘制矩形 188
课堂练习：canvas绘制三角形 190
9.3 canvas绘制图像 191
9.3.1 绘制渐变图形 191
课堂练习：使用canvas绘制渐变色 191
课堂练习：使用canvas绘制径向渐变 192
9.3.2 绘制变形图形 194
课堂练习：绘制变形图形 194
9.3.3 组合多个图形 195
课堂练习：组合图像的绘制 196
9.3.4 文本和阴影 197
课堂练习：使用canvas绘制文本和阴影效果 198
9.3.5 像素处理 200
9.4 canvas绘制形状 200
9.4.1 绘制圆形的方法 201
课堂练习：绘制圆形 201
9.4.2 绘制圆弧的方法 202
课堂练习：绘制一个圆弧 202
9.4.3 绘制贝塞尔曲线 205
课堂练习：S形曲线的绘制方法 205
综合实战 制作一个进度条 207
课后作业 canvas的实际应用 209

第10章 选择器的妙用 211
10.1 CSS简介 212
10.1.1 CSS介绍 212
10.1.2 CSS特点及优点 212
10.1.3 CSS的基本语法 213
10.1.4 引入CSS的方法 213
课堂练习：CSS内容引入方法 214
10.2 CSS选择器 216
10.2.1 三大基础选择器 216
10.2.2 集体选择器 218
课堂练习：使用集体选择器 218
10.2.3 属性选择器 220
课堂练习：使用属性选择器 220
10.2.4 后代选择器 221
课堂练习：后代选择器用法 222
10.2.5 子素选择器 224
10.2.6 相邻兄弟选择器 224
课堂练习：选择器的结合使用 225
10.2.7 伪类 226
课堂练习：使用：first-child伪类 227
课堂练习：使用:lang伪类 228
10.2.8 伪素 228
课堂练习：使用:first-line伪素 229
课堂练习：使用:before伪素 230
课堂练习：使用:after伪素 232
10.3 CSS的继承和单位 233
10.3.1 继承关系 233
课堂练习：继承关系效果 233
10.3.2 CSS继承的局限性 234
课堂练习：设置字体的边框 234
10.3.3 CSS绝对数值单位 235
10.3.4 CSS相对数值单位 236
综合实战 制作悬浮下拉菜单 236
课后作业 使用伪素制作效果 239

第11章 CSS定位效果 241
11.1 CSS定位机制简介 242
11.2 常规与浮动定位 243
11.2.1 常规定位 243
11.2.2 浮动定位 243
课堂练习：制作图片浮动效果 244
11.3 绝对定位 246
11.3.1 绝对定位 247
课堂练习：绝对定位的应用 247
11.3.2 相对定位 249
课堂练习：相对定位的应用 250
11.3.3 固定定位 251
课堂练习：制作固定定位效果 251
11.4 z轴索引的优先级设置 252
课堂练习：设置z轴索引的优先级 253
综合实战 制作导航栏效果 255
课后作业 使用定位制作动态效果 262

第12章 网页常用的样式 264
12.1 字体样式 265
12.1.1 字体font- family 265
12.1.2 字号font- size 265
课堂练习：设置字号效果 265
12.1.3 字重font- weight 267
课堂练习：设置字体的粗细 267
12.1.4 文本转换text- transform 268
课堂练习：设置英文字母大小写 268
12.1.5 字体风格font- style 269
课堂练习：设置倾斜字体 270
12.1.6 字体颜色color 271
课堂练习：设置字体颜色 271
12.1.7 文本修饰text- decoration 272
课堂练习：给文本添加修饰效果 272
12.1.8 简写font 273
课堂练习：简写font效果 274
12.2 段落样式 274
12.2.1 字符间隔letter- spacing 275
课堂练习：设置字符间隔效果 275
12.2.2 单词间隔word- spacing 276
课堂练习：字符间隔的设置 276
12.2.3 段落缩进text- indent 277
课堂练习：段落缩进效果 277
12.2.4 横向对齐方式text- align 278
课堂练习：文字对齐效果 278
12.2.5 纵向对齐方式vertical- align 279
课堂练习：设置文字纵向对齐方式 280
12.2.6 文本行间距line- height 281
课堂练习：设置行与行之间的间距 281
12.3 边框样式 283
12.3.1 边框线型border- style 283
12.3.2 边框颜色border- color 284
12.3.3 边框宽度border- width 284
12.3.4 制作边框效果 285
课堂练习：简单的边框效果 285
12.4 外轮廓样式 286
12.4.1 轮廓线型outline- style 287
12.4.2 轮廓颜色outline- color 287
12.4.3 轮廓宽度outline- width 287
12.4.4 外轮廓outline简写练习 287
课堂练习：外轮廓效果 288
12.4.5 边框与外轮廓的异同点 289
课堂练习：边框与外轮廓的差异 289
12.5 列表相关属性 290
12.5.1 列表样式list- style- type 290
课堂练习：使用CSS制作列表样式 291
12.5.2 列表标记的图像list- style- image 293
课堂练习：使用图像设置列表的标记效果 293
12.5.3 列表标记的位置list- style- position 294
课堂练习：设置列表位置效果 294
12.5.4 列表属性简写格式list- style 296
综合实战 制作阴影效果 296
课后作业 制作网页各种样式 299

第13章 盒子模型详解 301
13.1 盒子模型 302
13.1.1 CSS中的盒子简介 302
13.1.2 外边距设置 302
课堂练习：margin属性效果 303
13.1.3 外边距合并 306
课堂练习：margin的图片合并效果 306
13.1.4 内边距设置 309
13.2 性盒子 310
13.2.1 性盒子基础 310
13.2.2 浏览器支持情况 310
13.2.3 对父级容器的设置 311
课堂练习：flex-direction属性应用 311
课堂练习：justify-content属性应用 313
课堂练习：align-items属性应用 316
课堂练习：flex-wrap属性应用 318
13.2.4 对子级内容的设置 321
课堂练习：flex属性效果 321
课堂练习：order属性 323
综合实战 制作三级菜单 325
课后作业 设置图片效果 330

第14章 新增选择器用法 332
14.1 CSS3基础知识 333
14.1.1 CSS3浏览器的支持情况 333
14.1.2 CSS3新增的长度单位 333
课堂练习：新的尺寸单位 334
14.1.3 CSS3新增结构性伪类 335
课堂练习：指定没有子素的素样式 335
课堂练习：选择匹配父素的第N个子素 336
课堂练习：:nth-of-type(n)用法 337
课堂练习：:only-child的用法 339
课堂练习：:only-of-type的用法 340
14.1.4 CSS3新增UI素状态伪类 341
课堂练习：:enabled素状态伪类用法 341
课堂练习：::selection使用方法 342
14.1.5 CSS3新增属性 343
课堂练习：选取当前活动的目标素 343
课堂练习：如何选定非指定选择器的素 344
课堂练习：选取带有指定属性的素 345
课堂练习：选取属性值包含指定词汇的素 346
14.2 设计颜色样式 347
14.2.1 使用RGBA颜色值 347
课堂练习：给表格边框设置颜色 347
14.2.2 使用HSL颜色值 349
课堂练习：颜色搭配方案 349
14.2.3 使用HSLA颜色值 353
课堂练习：给颜色设置不透明度 354
综合实战 使用CSS3制作表单 355
课后作业 制作导航栏和动画电脑 358

第15章 变色和转换函数 360
15.1 渐变简介 361
15.1.1 浏览器支持 361
15.1.2 线性渐变 362
课堂练习：制作一个线性渐变 362
15.1.3 径向渐变 365
课堂练习：制作一个径向渐变 365
15.2 CSS3转换 367
15.2.1 浏览器支持情况 367
15.2.2 2D转换 367
课堂练习：图像的2D效果展示 367
课堂练习：2D的旋转效果展示 368
课堂练习：图像的缩放效果 369
课堂练习：改变缩放的中心点 371
课堂练习：图片的倾斜效果 372
课堂练习：让图片进行合并 373
15.2.3 3D转换 374
课堂练习：图片在X轴上的3D转换效果 374
课堂练习：图片在Y轴上的转换效果 376
课堂练习：图片的3D空间中显示 377
课堂练习：查看透视图效果 379
课堂练习：制作图片隐藏效果 380
综合实战 制作正方体效果 381
课后作业 制作渐变字体和模糊图片 383

第16章 页面动画效果 385
16.1 过渡基础 386
16.1.1 过渡属性 386
16.1.2 浏览器支持情况 386
16.2 实现过渡 387
16.2.1 单项属性过渡 387
课堂练习：设置单项过渡 387
16.2.2 多项属性过渡 389
课堂练习：实现多个属性过渡 389
16.2.3 利用过渡设计电脑桌面 390
课堂练习：模仿电脑桌面效果 391
16.3 实现动画 393
16.3.1 浏览器支持 393
16.3.2 动画属性 393
16.3.3 实现动画效果 395
课堂练习：制作旋转动画 395
16.3.4 利用动画属性制作太阳系动画 397
课堂练习：模拟星球运转效果 398
综合实战 制作光盘出仓效果 402
课后作业 制作经典的动态效果 407

第17章 制作网页自适应 409
17.1 多媒体查询 410
17.1.1 多媒体查询能做什么 410
17.1.2 多媒体查询语法 410
17.1.3 多媒体查询方法 410
课堂练习：简单自适应效果 410
17.1.4 制作一个自适应的导航栏 413
课堂练习：导航栏的制作 413
17.2 用户界面简介 420
17.2.1 调整尺寸resize 420
课堂练习：尺寸调整效果 421
17.2.2 方框大小调整box- sizing 422
课堂练习：制作按钮效果 422
17.2.3 外形修饰outline- offset 425
课堂练习：修饰外边框效果 425
17.2.4 界面的多列布局 426
课堂练习：制作多列布局效果 427
综合实战 制作网页效果 430
课后作业 自适应的表单 432

第18章 初次使用JavaScript 434
18.1 JavaScript入门 435
18.1.1 JavaScript的发展 435
18.1.2 JavaScript的特点 435
18.1.3 JavaScript应用方向 436
18.1.4 JavaScript的用法 436
课堂练习：在中使用函数 436
课堂练习：在中使用函数 437
18.2 JavaScript函数 438
18.2.1 JavaScript函数定义 438
课堂练习：调用函数 439
课堂练习：制作欢迎页 440
课堂练习：制作返回函数 441
18.2.2 JavaScript函数参数 442
课堂练习：使用函数参数 442
课堂练习：查找大数 443
18.2.3 JavaScript函数调用 445
综合实战 制作提示性表单 446
课后作业 实用的特效效果 449

第19章 JavaScript基础语法 451
19.1 JavaScript的基本语法 452
19.1.1 数据类型 452
19.1.2 常量和变量 454
19.1.3 运算符和表达式 454
19.1.4 基本语句 460
课堂练习：制作问候语 461
课堂练习：使用if…else语句 462
课堂练习：制作循环效果 464
课堂练习：使用while语句 465
19.2 JavaScript事件 466
19.2.1 事件类型 466
课堂练习：制作阻止页面 467
课堂练习：移除监听事件 468
课堂练习：触发事件 469
19.2.2 事件句柄 474
19.2.3 事件处理 474
综合实战 制作文字渐变效果 476
课后作业 制作文字各种效果 477

第20章 JavaScript事件解析 479
20.1 JavaScript应用表单 480
20.1.1 按钮对象 480
课堂练习：制作点击按钮效果 480
20.1.2 复选框对象 481
课堂练习：制作复选框的全部选择效果 481
20.1.3 列表框对象 482
课堂练习：选择列表框对象效果 482
20.2 JavaScript事件分析 484
20.2.1 轮播图效果 484
课堂练习：详解轮播图 484
20.2.2 字体闪烁效果 490
课堂练习：制作字体效果 490
20.2.3 鼠标滑过效果 491
课堂练习：制作图片振动效果 491
20.3 JavaScript制作特效 493
20.3.1 显示网页停留时间 493
课堂练习：制作一个计时器 493
20.3.2 制作定时关闭窗口 495
课堂练习：制作窗口的自动关闭效果 495
综合实战 轮播图的制作 496
课后作业 JavaScript的实际应用 500

第21章 JavaScript网页中常用事件 502
21.1 浏览器事件 503
21.1.1 检测浏览器及版本 503
课堂练习：检查浏览器的版本 503
21.1.2 检测浏览器的更多信息 504
课堂练习：检查浏览器的信息 504
21.1.3 提醒用户升级浏览器 506
课堂练习：检测浏览器是否是新版本 506
21.1.4 制作欢迎小窗口 507
课堂练习：小窗口的制作 507
21.1.5 调用网页内不显示的信息 509
课堂练习：网页内不显示信息的调用 509
21.2 网页计时器 510
21.2.1 数字的四舍五入 510
课堂练习：制作四舍五入效果 510
21.2.2 制作简单的计时器 511
课堂练习：制作有时长的计时器 511
21.2.3 制作提示性的计时器 511
课堂练习：制作提示性的计时器 512
21.2.4 制作带有停止按钮的无限循环计时器 512
课堂练习：制作无限循环计时器 512
21.2.5 制作简单的电子时钟 513
课堂练习：制作电子时钟 514
21.3 网页常用效果 515
21.3.1 在网页中捕获错误信息 515
课堂练习：捕获错误信息 515
21.3.2 制作文字跑马灯 516
课堂练习：文字跑马灯效果 516
21.3.3 设置网页表格隔行换色 517
课堂练习：页面扩大效果 518
21.3.4 制作让用户看到浏览网页的次数 519
课堂练习：浏览次数设置 519
综合实战 制作验证码效果 521
课后作业 制作经典特效效果 524

第22章 JavaScript操作DOM 526
22.1 DOM简介 527
22.1.1 文档对象模型 527
22.1.2 HTML DOM方法 527
课堂练习：改变p素的内容 528
22.1.3 HTML DOM文档 529
22.1.4 查找HTML素 529
课堂练习：通过id查找HTML素 530
课堂练习：通过标签名查找HTML素 530
课堂练习：通过类名查找HTML素 531
课堂练习：通过选择器查找HTML素 532
22.2 DOM应用 533
22.2.1 改变HTML素样式 533
课堂练习：改变字体颜色 533
22.2.2 使用DOM动画 534
课堂练习：创建动画效果 534
22.2.3 DOM事件效果 535
课堂练习：点击文本变换文字 536
22.2.4 DOM节点 536
22.2.5 DOM事件 537
课堂练习：制作出窗口 537
综合实战 制作背景颜色变换效果 538
课后作业 模仿网店主图效果 540

第23章 综合项目实战 542
23.1 预览网页 543
23.1.1 网站首页效果图 543
23.1.2 分解各部分内容 544
23.2 网站首页内容设计 545
23.2.1 首页头部的制作 546
23.2.2 导航栏的设计 547
23.3 网页主体部分的制作 552
23.3.1 制作静态的展示页 552
23.3.2 制作轮播展示页面 555
23.3.3 页尾的制作 558

附录 配套学习资源 562
附录A HTML页面基本素速查 562
附录B CSS常用属性速查 562
附录C JavaScript对象参考手册 562
附录D jQuery参考手册 562
附录E 网页配色基本知识速查 562
附录F 本书实例源程序及素材 562

关联推荐
本书编写模式采用基础知识 + 中小实例 + 实战案例 + 课后作业，内容由浅入深，循序渐进，从入门中学习实战应用，从实战应用中激发学习兴趣。 （1）本书是Web前端零基础的启蒙之书 （2）全书覆盖Web前端开发的知识体系内容 （3）理论实战紧密结合，彻底摆脱纸上谈兵 本书用通俗的语言、合理的结构对Web前端的知识进行了细致的剖析。几乎每个章节都有二维码，扫一扫，可以随时随地看视频，体验感非常好。从配套到拓展，资源库一应俱全。全书上百个案例丰富详尽，跟赘例去学习，边学边做，从做中学，学习体验可以更深入、更高效。