图书简介:
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)。
由于编者水平有限,尽管在编写时竭尽全力,但书中难免存在纰漏之处,敬请各位专家与读者批评指正。
编 者
展开