店 Web前端开发 JavaScript+jQuery 卢秋锦 职业院校计算机专业教材 Web页面制作流程 常见的页面

本书在“有趣、有效、只学有用的”的基础上，结合学生的认知规律和学习现状，使学生能够在有限的课时内，专业、深入地学习Web前端技术的相关知识。本书共有10个项目，按照知识点由浅入深地划分为3篇，即Web知识储备篇、Web案例提高篇和Web项目实战篇，分别完成了知识点讲解、案例讲解和项目实战，帮助学生掌握Web前端的核心技术——JavaScript与jQuery。本书明确的学习目标及循序渐进的知识体系，能够使学生的理论知识和实践技能同步提高。通过对本书的学习，学生能够熟悉Web页面的制作流程，了解常见的页面布局效果，以及设计制作各种具有动态特效的网站。

Web知识储备篇
项目1 JavaScript 2
任务1.1 JavaScript基础 3
1.1.1 认识JavaScript 3
1.1.2 JavaScript的前世今生 3
1.1.3 JavaScript的特点 3
1.1.4 JavaScript的作用 4
1.1.5 JavaScript的用法 4
1.1.6 JavaScript语句 6
1.1.7 JavaScript代码规范 7
1.1.8 JavaScript数据结构 8
1.1.9 数据类型 10
1.1.10 运算符和表达式 12
动手实践：简单加法器的实现 18
任务1.2 程序控制结构和语句 19
1.2.1 基本处理流程 19
1.2.2 赋值语句 20
1.2.3 条件判断语句 20
1.2.4 循环控制语句 24
1.2.5 对话框 31
动手实践：九九乘法表的实现 33
任务1.3 JavaScript函数 34
1.3.1 函数 34
1.3.2 定义函数 35
1.3.3 函数参数的使用 36
1.3.4 函数的返回值 38
1.3.5 函数的调用 38
1.3.6 JavaScript中常用的函数 41
动手实践：购物简易计算器的制作 48
疑难解惑 51
?
小结 51
课后练习 52
项目2 数组与对象 53
任务2.1 数组 54
2.1.1 初始化数组 54
2.1.2 创建数组 54
2.1.3 数组的基本操作 55
2.1.4 数组的排序 58
2.1.5 常用的数组方法 61
动手实践：三级联动菜单的实现 67
任务2.2 对象 70
2.2.1 对象基础 70
2.2.2 对象的创建 70
2.2.3 关键字new 72
2.2.4 遍历对象 73
2.2.5 内置对象 73
动手实践：日历的制作 77
疑难解惑 80
小结 80
课后练习 81
项目3 文档对象模型与浏览器对象模型 82
任务3.1 文档对象模型 83
3.1.1 什么是DOM 83
3.1.2 什么是DOM HTML 83
3.1.3 HTML元素操作 85
3.1.4 DOM节点操作 88
3.1.5 事件处理 89
动手实践：动态添加课程 94
任务3.2 浏览器对象模型 95
3.2.1 window对象 95
3.2.2 窗口的操作 96
3.2.3 定时器 98
3.2.4 location对象 99
3.2.5 history对象 100
3.2.6 navigator对象 102
3.2.7 screen对象 103
动手实践：广告漂浮效果 105
疑难解惑 108
小结 108
课后习题 109
项目4 jQuery 111
任务4.1 jQuery基础 112
4.1.1 什么是 jQuery 112
4.1.2 在网页中如何添加 jQuery 112
动手实践：我的*一个jQuery程序 113
任务4.2 jQuery语法及选择器 114
4.2.1 jQuery语法 114
4.2.2 文档就绪事件 114
4.2.3 jQuery选择器 115
动手实践：动态导购菜单的制作 140
任务4.3 jQuery动画效果 143
4.3.1 jQuery基本动画效果 143
4.3.2 淡入淡出动画效果 147
4.3.3 滑动效果 153
4.3.4 自定义动画 156
动手实践：图片轮播效果的实现 160
任务4.4 jQuery事件机制 164
4.4.1 事件函数 164
4.4.2 常用事件函数 164
动手实践：动态添加和删除学生信息 174
疑难解惑 178
小结 178
课后习题 179

Web案例提高篇
项目5 在线时钟的实现 182
5.1 设计思路 183
5.2 具体实现 184
项目6 Web前端中在线学习功能的实现 186
6.1 功能介绍 187
6.2 布局分析 188
6.3 具体实现 188
项目7 “四季”标签切换效果的实现 192
7.1 布局分析 193
7.2 具体实现 193
项目8 多级动画菜单的实现 197
8.1 布局分析 198
8.2 具体实现 199
项目9 动态选项卡的实现 204
9.1 布局分析 205
9.2 HTML基本结构 205
9.3 添加CSS样式 211
9.4 编写jQuery代码 217

Web项目实战篇
项目10 综合信息类网站首页的实现 224
10.1 网站首页整体布局的实现 226
10.2 页面头部、Banner及导航的具体实现 228
10.3 图片轮播及*新动态列表的实现 231
10.4 走进浙江、浙江历史等信息列表的实现 236
10.5 快速通道及页脚信息的实现 243

卢秋锦，女，硕士，副教授，山西师范大学教育技术学专业，宁波城市职业技术学院专职教师，2017年11月全国职业院校信息化教学大赛高职组信息化实训教学比赛二等奖；2018年11月全国职业院校技能大赛职业院校教学能力比赛三等奖；2020年12月浙江省互联网+教学*秀案例二等奖；2021年10月宁波市慕课联盟三等奖；2020年11月浙江省高校教师教育技术成果三等奖；2019年11月浙江省高校教师教育技术成果三等奖；2019年12月浙江省高校微课比赛三等奖 ；2020年11月职业教育在线精品课程（在线金课）；2019年10月全国教育教学信息化交流展示活动三等奖；2021年5月宁波市职业教育德育类*秀论文三等奖。

本书面向职业岗位，采用基于任务的方式，以项目开发为主线，通过Web知识储备篇、Web案例提高篇和Web项目实战篇，分别完成了知识点讲解、案例讲解和项目实战，循序渐进地阐述了 Web 前端技术的相关知识，帮助学生掌握Web前端的核心技术——JavaScript与jQuery。通过对本书的学习，学生能够掌握制作动态Web页面的流程与关键技术。本书的内容设计主要围绕以下几方面。

本书面向职业岗位，采用基于任务的方式，以项目开发为主线，通过Web知识储备篇、Web案例提高篇和Web项目实战篇，分别完成了知识点讲解、案例讲解和项目实战，循序渐进地阐述了 Web 前端技术的相关知识，帮助学生掌握Web前端的核心技术——JavaScript与jQuery。通过对本书的学习，学生能够掌握制作动态Web页面的流程与关键技术。本书的内容设计主要围绕以下几方面。

1