电子工业出版社-网上书店

本书在“有趣、有效、只学有用的”的基础上，结合学生的认知规律和学习现状，使学生能够在有限的课时内，专业、深入地学习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

本书面向职业岗位，采用基于任务的方式，以项目开发为主线，通过Web知识储备篇、Web案例提高篇和Web项目实战篇，分别完成了知识点讲解、案例讲解和项目实战，循序渐进地阐述了 Web 前端技术的相关知识，帮助学生掌握Web前端的核心技术——JavaScript与jQuery。通过对本书的学习，学生能够掌握制作动态Web页面的流程与关键技术。本书的内容设计主要围绕以下几方面。
由教材体系、知识体系，转向教学体系、信仰体系。本书在编写过程中，坚持理想信念教育，结合中华优秀诗词和地方历史文化，培养学生的爱国主义、社会责任意识等。通过信息技术与传统文化的高度融合，增强本书的时代感和吸引力，既做到“春风化雨”“润物无声”，又实现“立德树人”的根本任务。
任务驱动、项目引导，全面实施智育、劳育培养。本书采用STEM教育理念，通过项目学习为学生传递科学的思维方法和探究方法，建构知识体系，从而使其能够在真实情境中解决复杂问题。本书的知识点和技能点以任务的方式呈现，使学生带着“任务”学，既能产生浓厚的学习兴趣，又能在具体的任务中积累专业知识、锻炼学习能力、塑造自身品质，以达成职业教育的目标。
思政育人、素养培育，全面实现德育培养。本书遵循习近平总书记提出的“各门课都要守好一段渠，种好责任田”的要求，坚持立德树人，发挥专业课在思政育人中的主体作用。本书根据课程特点及专业背景等，紧贴时代特色，结合青年学生的需求，融入励志名言等思政元素，在无形中对学生进行思政教育，培养学生的素养和情操。
三线一面、知行合一，全面塑造合格人才。本书贯彻“三线一面”的教学理念，体现三全育人的基本要求。“三线”为学生的培养途径定位，即知识教学主线、思想政治育人主线、工匠精神塑造主线；而“一面”则为全面育人。本书将专业知识同思政教育渗透相融合，开展社会主义核心价值观引导教育，培育学生精益求精、开拓进取的工匠精神。
校企合作、多方联动，构建高校德育共同体。本书遵循《高等学校课程思政建设指导纲要》等要求，全面融入思政元素、对接企业岗位职业标准、技能竞赛标准及1+X证书职业技能等级标准，设计了项目化的典型案例，以项目为载体构建了德育双修的教学体系，有效整合了企业和高校的德育资源，将高校“立德树人”的理念落到实处。
?
本书由宁波城市职业技术学院组织编写，由卢秋锦担任主编，由姚珺、丁磊、颜晨阳、郑哲、李兆明担任副主编，并由李兆明统稿。
为方便教师教学，本书配有电子教学资源，请有此需求的教师登录华信教育资源网，注册后可免费下载。如有问题，可在网站留言板留言或与电子工业出版社联系（E-mail：hxedu@phei.com.cn）。
由于编者水平有限，尽管在编写时竭尽全力，但书中难免存在纰漏之处，敬请各位专家与读者批评指正。
 编  者

本书配套资源下载

对不起，暂无音视频资源！

Web前端开发（JavaScript+jQuery）