admin 管理员组文章数量: 887031
2023年12月19日发(作者:matlab plot画直线)
第2章 初识jQuery
课程名称
任务名称
项目性质
授课班级
jQuery网页特效设计基础教程
初识jQuery
项目名称
课时
初识jQuery
1
□演示性 □验证性 □设计性 √综合性
能力目标:
授课日期
授课地点
1. 具备使用安装jQuery并解决冲突的能力
2. 具备使用jQuery编写脚本的能力
知识目标:
教学目标
1. 了解什么是jQuery
2. 了解jQuery的应用和特点
3. 掌握编写jQuery脚本的方法
素质目标:
1. 培养学生信息搜集能力
2. 培养学生团结合作、互帮互助的能力
1. 任务描述
2. 任务展示与实现
(1)应用jQuery编写弹出一个提示对话框并验证其效果
教学内容
(2)DOM对象与jQuery对象的项目转换
(2)学生动手操作
3. 教师讲解本任务涉及的知识点
4. 任务小结
1. jQuery的特点
教学重点
2. jQuery与DOM的区别
3. 编写jQuery脚本
教学难点
1. 应用jQuery编写脚本
1
1. 装有jQuery的电脑
教学准备
2. 教学课件PPT
3. 教材:《jQuery网页特效设计基础教程(慕课版)》刘刚 人民邮电出版社
作业设计
1.应用jQuery弹出一个提示对话框
教学过程
教学
环节
课前组织
课程
说明
教学内容与过程
(教学内容、教学方法、组织形式、教学手段)
做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。
【课前说明】
分别从jQuery概述,jQuery的应用、jQuery的特点、jQuery的版本以及jQuery与DOM对象的区别、jQuery的插件等知识点进行初步的了解。
【目的】
使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。
课程
内容
描述
一、什么是jQuery?
从jQuery的概念展开,介绍jQuery的应用,了解jQuery的特点。jQuery是一套简洁、快速、灵活的JavaScript脚本库。
二、jQuery对象和DOM对象的区别?
DOM是Document Object Model,即文档对象模型的缩写。DOM是以层次结构组织的节点或信息片段的集合,每一份DOM都可以表示成一棵树。
jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是独有的,可以使用jQuery里的方法。
三、jQuery的插件?
分别介绍插件的使用方法及目前流行的插件。
案例:
1. DOM对象转换为jQuery对象
2
课堂
实训
1. 应用jQuery弹出一个提示对话框
2. jQuery对象转换为DOM对象
总结
评价
通过学习,学生能够掌握jQuery的基本特点、应用、jQuery的编写方法。
本节课主要运用案例教学法,通过对jQuery概念的深入理解,掌握jQuery的特点及应用领域,深入探讨jQuery脚本编程的方法,通过实例的方法加强对jQuery编程方法的掌握,达到能够独立熟练运用jQuery来解决实际问题的能力。教学评价方式以小组为单位,以完成案例的质量为评价标准,形成任务驱动,小组协作,质量与速度并存的课堂评价方式 ,促进学生的自主、创新学习的方式 。
3
版权声明:本文标题:jQuery网页特效设计基础教程 第2章 初识jQuery 教案 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/free/1702942756h436812.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论