1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
教科版选修3 网络技术应用信息技术《第五章 动态网页制作 5.3 应用动态HTML 5.3.1 用JavaScript 制作动态HTML》优秀教学设计
三、教学目标
1. 知识与技能
(1) 了解动态HTML的基本知识。
(2) 学会在网页中加入JavaScript特效。
(3) 合理恰当的运用动态设计技术。
2. 过程与方法
通过不同实例,掌握合理恰当的运用动态设计技术的方法。
3. 情感态度价值观
(1) 培养尊重知识产权的意识。
(2) 体验静态网页和动态网页的异同, 体验代码复用技术的优越性。
四、教学重点与难点
重点:掌握JavaScript代码的使用方法。
难点:根据实际需要适当修改JavaScript代码。
五、教学策略及教学方法
教学策略:根据对课标、教材、教学对象的分析,为了更好的实现教学目标和教学重难点,制定以下教学策略:教师课前做好充分的准备,如制作主题网页、录制微课等教学资源,提供有特色的若干个JavaScript 源代码供学生参考,并结合教材中的实例设置以下教学任务:
任务一: 通过静态页面技术的回顾,引出静态图片和动态图片效果的对比
任务二:禁用右键复制技术,强化JavaScript代码的使用方法
任务三:鼠标跟随技术,引导学生根据需要判定是否需要对代码修改及如何修改
任务四:综合练习(含日期显示、广告特效、图片幻灯片切换效果等)
四个任务的设置的要求是递进式的,从静态页面到动态页面的对比,引入使用Javascript代码设计动态效果的方法,根据实际需要适当修改JavaScript代码应用到自己的网页中,并得出结论:合理恰当的运用动态设计技术。
教学方法:讲授法、演示法、任务驱动法、探究法
六、教学资源
多媒体网络教室,课件(ppt、网页、微课),JavaScript代码、教学评价表等。
七、教学过程
教学环节 教师活动 学生活动 设计意图 课程引入 回顾FrontPage中已经学过的有关技术:网页布局、插入文字、插入图片、插入艺术字、设置网页背景等