jQuery网页特效-课程课程标准.doc

1、斯3*南彳确，必的堂ttShandong histitute of Commerce and Technology课程标准课程名称 jQuery网页特效课程类型口理论课目理论+实践课口实践课课程属性公共课目专业课课程性质因必修课口限选课口选修课所属专业软件技术所属院部云计算技术与应用产业学院山东商业职业技术学院2022年02月一、课程定位与学习目标(一)课程定位.人才培养目标定位分析jQuery网页特效是专注于网页行为的一门Web前端课程，主要通过案例讲 解jQuery框架的应用，涉及jQuery的基本使用、选择器、DOM操作、事件机制、 动画方法、Ajax交互、第三方工具使用等。通过本课程的

2、学习，学生能够理解 jQueiry的实质，掌握jQueiry的使用方式，能使用jQuery快速实现网页特效。.创新创业与课程融合情况分析(1)课堂上创新教学方法。把分组讨论、情景教学、头脑风暴等有创意的教 学方法引入课堂，让学生大胆认识自己，克服心理障碍，肯定自己，规划自己， 鼓励同学培养编程兴趣，通过创新教学方法带给学生创新的思维。课后，同学们 能按组参与图书管理系统和在线商城项目的开发和维护，对项目开发有深入的了 解，对项目的功能能够根据行业现有软件的现状，提出改进意见，探寻创新创业 思路。(2)利用第二课堂进行创新创业开发。依靠项目开发实验室，通过实践教学 管理系统项目、齐鲁软件大赛项目

3、，培养激发学生的创新意识和创业精神，使学 生更清楚得认识自身的潜能，初步了解职场的基本特性，从多个维度对职业特征、 职业环境、职业素养进行探索，从而为学生未来的工作做准备。.课程思政情况分析本课程是信息与艺术学院信息技术类专业群平台课程，是软件开发模块的核 心课程。前导课程是静态网页设计，JavaScript前端网页开发，后续课程是J2EE 项目实战实训课程。主要任务是培养学生的网页特效实现能力，培养学生团队合作、提升判断力 和决定能力以及前端工程师需要掌握的其他能力，为后续学习和工作奠定基础。课程思政方面主要结合当前时事政治，对学生进行思想教育，并结合课程知 识点，潜移默化地与思政知识进行融

4、合。(二)学习目标编号目标类型目标描述目标要求考核证据010001知识目标jQuery简介必选测验成绩010002知识目标jQuery的下载和引入必选项目作品010003知识目标jQuery的基本使用方式必选项目作品010004知识目标D0M对象的概念可选项目作品010005知识目标jQuery对象的概念必选测验成绩010006知识目标D0M对象和jQuery对象的转换必选测验成绩010007知识目标Hbuilder和Chrome开发者工具的使 用可选项目作品010008知识目标jQuery选择器简介必选项目作品010009知识目标基本选择器必选项目作品010010知识目标层次选择器必选项目作

5、品010011知识目标基本过滤选择器必选项目作品010012知识目标可见性过滤选择器必选项目作品010013知识目标内容过滤选择器必选项目作品010014知识目标属性过滤选择器必选项目作品010015知识目标子元素过滤选择器必选项目作品010016知识目标表单过滤选择器必选项目作品010017知识目标jQuery操作元素样式的方法必选项目作品010018知识目标jQuery操作元素类必选项目作品010019知识目标jQuery操作元素尺寸必选项目作品010020知识目标jQuery操作元素位置必选项目作品010021知识目标jQuery操作元素属性的方法必选项目作品010022知识目标jQue

6、ry操作元素内容的方法必选项目作品010023知识目标jQuery操作D0M结点的方法必选项目作品010024知识目标jQuery链式编程必选项目作品010025知识目标jQueu事件触发机制必选项目作品010026知识目标页面加载事件必选项目作品010027知识目标鼠标事件必选项目作品010028知识目标焦点事件必选项目作品010029知识目标改变事件必选项目作品010030知识目标事件绑定必选项目作品010031知识目标事件解绑必选项目作品010032知识目标JQuery事件对象必选项目作品010033知识目标jQuery事件触发必选项目作品010034知识目标jQuery事件冒泡必选项目

7、作品010035知识目标元素的显示和隐藏必选项目作品010036知识目标元素的淡入和淡出必选项目作品010037知识目标元素的上滑和下滑必选项目作品010038知识目标自定义动画必选项目作品010039知识目标停止元素动画的方法必选项目作品010040知识目标判断元素是否处于动画状态必选项目作品010041知识目标Ajax简介必选项目作品010042知识目标配置服务器环境必选项目作品010043知识目标jQuery加载HTML内容必选项目作品010044知识目标jQuery发出POST和GET请求必选项目作品010045知识目标数据格式处理必选项目作品010046知识目标获取JSON数据必选项

8、目作品010047知识目标获取JavaScript代码必选项目作品020001能力目标能够根据项目选择jQueu版本，下载必选项目作品2并引入020002能力目标能够根据需要转换jQuery对象和D0M 对象必选项目作品020003能力目标能够熟练使用HBuilder编写代码必选项目作品020004能力目标能够熟练使用chrome的调试工具调试 程序必选项目作品020005能力目标能够根据具体的情况使用选择器必选项目作品020006能力目标能够熟练使用jQue与基本选择器，选 择元素必选项目作品020007能力目标能够熟练使用jQueiy层次选择器，选 择元素必选项目作品020008能力目标能

9、够使用过滤选择器，选择元素必选项目作品020009能力目标能够使用jQuery操作元素的样式必选项目作品020010能力目标能够使用jQuery操作元素属性必选项目作品020011能力目标能够使用jQuery操作元素的内容必选项目作品020012能力目标能够使用jQuery操作D0M结点必选项目作品020013能力目标能够掌握jQuery链式编程必选项目作品020014能力目标了解jQuery事件触发机制必选项目作品020015能力目标能够使用jQuery的鼠标、键盘、焦点、 改变事件方法处理对应事件必选项目作品020016能力目标能够实现网页中的常用动画，包括元 素的显示与隐藏、淡入与淡出以

10、及上 滑与下滑的效果必选项目作品020017能力目标能够使用animate方法自定义动画必选项目作品020018能力目标能够使用stop方法停止动画必选项目作品030001素质目标能根据客户需求完成页面的设计必选项目作品030002素质目标能解决软件开发过程中遇到的问题必选教师评价030003素质目标能为技术决策提供备选方案，化解技 术风险必选教师评价030004素质目标能研究项目相关的新技术必选教师评价030005素质目标能完成项目相关的任务必选项目作品030006素质目标能按时出勤、能完成平时实训任务必选教师评价040001思政目标融入建党故事，体会党由弱到强的奋 斗历程必选教师评价040

11、002思政目标融入长征故事，体会艰苦奋斗精神必选教师评价040003思政目标融入反腐倡廉故事，体会党治理贪腐 的决心必选教师评价040004思政目标融入为他人着想的思想，体会传统美 德必选教师评价050001双创目标培养独立思考的能力必选教师评价050002双创目标培养设计软件的能力必选教师评价050003双创目标能进行网站前端开发必选教师评价（三）参考学分学时本课程5学分，学时80二、教学条件.教学做一体化的教室；.机器内存配置建议=4G；. window7及以上操作系统环境.极域电子教室传屏软件。.支持外网连接，能够登录职教云平台三、课程教学团队担任本课程的主讲教师需要具有丰富的web前端

12、开发经验，能够独立完成教 学项目并且能够解决网站开发过程中出现的常见问题。.任务驱动法课程采用任务驱动教学方法、教学做一体化的教学方式。教学过程以完成网 站中的各种特效为教学目标，培养学生的前端开发能力。.问题闯关法每个重要的知识点，都通过设计问题的方式引导学生思考，可以是为什么， 可以是怎样解决，可以是你还有其它解决方案吗等等问题的方式，时刻调动学生 的思维，让学生成为课堂的主体。3,线上测试手段对每个知识目标在职教云平台中设计测试题，每次课学习之后下一次课开始 时利用5到10分钟进行线上测试并讲解，检查学生的学习效果并督促学生巩固 理论知识。.课上课下相结合将难度较大的重点知识，录制为视频

13、，提供给学生课下学习，同步提供相应 知识点的作业，帮助学生理解掌握相关知识。五、教学资源建设及信息化应用情况（一）课程资源要求：描述满足课程教学需要的教学资源。不完全依据某教材组织教学，鼓 励按照人才培养目标对教学内容重新进行设计。（二）教材选用本课程教材选用情况。本课程使用自编电子讲义。(三)信息化应用使用智慧职教平台进行信息化教学改革。六、课程内容设计5序 号学习情 境教学任务教学内容与教学要求教学活动设计建议参考 课时1实现表 单输入 框外部 div的 动态阴 影效果JavaScript 简 介及DOM模型DOM模型、DOM节点的概念DOM树形结构以一个简单页面说 明D0M树形结构及 节

14、点的概念4jQuery概述及 jQuery中的选 择器和元素查 找操作jQuery基本选择器的使用 jQuery中查找操作的作用 和用法根据树形结构说明 查找操作的各种路 径及实现方法6jQuery中操作 DOM元素的几 个基本方法JQuery中操作属性的 attr ()方法jQuery中的each。方法 索引index通过页面中的列表 讲解each()和 index 以及 attr () 的应用6jQuery中的事 件机制注册和注销事件完成表单输入框外 围的阴影效果22.制作漂 浮广告实现不加任何 控制的漂浮广 告获取窗口的宽度与高度 获取元素的宽度与高度 获取和设置元素的位置演示漂浮广告效

15、果 并实现4实现漂浮广告 中的控制功能jQuery中的css ()方法增加漂浮广告的控 制功能23在 jQuery 中实现 表单数 据验证实现表单数据 验证功能表单过滤器应用在jQuery中获取或设置表 单元素的值实现简单的表单数 据验证功能2判断密码强弱界面设计 功能实现完成密码强弱的判 断特效2使用JavaScript 正 则表达式完成 数据的即时验 证正则表达式简介完成表单数据的即时验证完整项目功能的实 现24闭现菜能 用实联功 使包级单年月日级联菜 单使用 JavaScript 和 jQuery 操作 select 和 option演示年月日级联菜 单并实现功能2省市区级联菜 单改变D

16、0M树形结构的常用 方法JSON数据的定义和访问设计界面 实现脚本功能65实现 jQuery 动画使用css()制 作动画-实现 文本动画效果hover ()方法实现的文本放大动 画1显隐动画制作 -实现树形动 画 淡入淡出动画显示和隐藏的动画函数 淡入淡出动画函数制作树形折叠动画2序 号学习情 境教学任务教学内容与教学要求教学活动设计建议参考 课时上卷下拉动画上卷下拉动画函数 队列控制实现百叶窗动画2animate ()动 画-实现返回 页面顶部的滚 动动画animate ()动画函数实现返回页面顶部 的滚动动画26图像轮 播索引切换轮播界面设计 功能实现课中演示 课下完成提交作业2无缝滚动轮播界面设计 功能实现课中演示 课下完成提交作业4旋转滚动轮播界面设计 功能实现课中演示 课下完成提交作业27图像处 理特效购物网站中的 放大镜界面设计 功能实现课中演示 课下完成提交作业4瀑布流图像布 局界面设计 功能实现课中演示 课下完成提交作业2添加文件类型 图标界面设计 功能实现课中演示 课下完成提交作业4使用图片精灵 实现星级评价界面设计 功能实现课中演示 课