第10章JavaScript特效制作
课程名称任务名称项目性质授课班级
能力目标：1具备使用JavaScript实现网页特效的能力知识目标：JavaScript程序设计JavaScript特效制作□演示性□验证性□设计性
项目名称课时
√综合性
JavaScript特效制作4
授课日期
授课地点
教学目标
1掌握JavaScript完成特效的方法2掌握JavaScript不同特效的完成方法素质目标：1培养学生信息搜集能力2培养学生团结合作、互帮互助的能力1JavaScript特效2任务展示与实现
教学内容
完成不同类型的特效3教师讲解本任务涉及的知识点4实训与小结
教学重点教学难点
JavaScript特效JavaScript特效1装有Chrome浏览器或者Firefox浏览器，并且安装有WAMP的电脑2教学课件PPT3教材：《JavaScript程序设计基础教程（微课版）》刘刚人民邮电出版社1使用JavaScript制作一个实例，展示焦点图片滤镜效果2使用JavaScript制作一个实例，展示广告图片左右滚动替换
教学准备
作业设计
1
f教学过程
教学环节
课前组织课程说明
教学内容与过程（教学内容、教学方法、组织形式、教学手段）
做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。
【课前说明】使用JavaScript技术完成各种特效【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。掌握使用JavaScript技术实现各种特效的方法
课程内容描述
一、JavaScript不同类型的特效1焦点幻灯片2菜单导航3Tab选项卡4图片特效5文字特效6表单按钮特效案例：使用alert方法实现确任提示scripttype