1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
选修3网络技术应用《5.2.1客户端脚本语言》集体备课教案优质课下载
在学习本课之前,学生已经学习了用Frontpage制作网页的基本方法,能够制作简单的网页。会查看网页源代码,了解HTML的四种标签对。但透过华丽的外表看本质,他们对代码学习有极大的畏难情绪,而本节课的重点在于能在网页源代码中识别javascript脚本,并能将脚本代码插入到网页的正确位置。虽然难度不是非常大,但是对于初识代码的学生的技术应用能力有一定的挑战。
三、教学目标
【知识与技能】:
了解动态HTML的三大核心技术;了解什么是客户端脚本语言的概念;能够掌握两种在网页中加入javascript脚本的方法。
【过程与方法】:
能够找出一段HTML中的javascript代码;能够添加HTML中的两种Javascript脚本:嵌入式、调用式。
【情感态度与价值观】:
培养学生自主探究意识;培养学生严谨、细致的学习能力,能够体验到Javascript的制作乐趣,对因特网上的网页有更深层次的认识;增强发现问题,思考问题,解决问题的能力。
四、教学重难点:
教学重点:了解客户端脚本语言的概念;掌握两种在网页中加入Javascript脚本的方法。
教学难点:掌握两种在网页中加入Javascript脚本的方法。
五、教学方法:
讲授法、微课学习法,任务驱动法、自主探究法
六、教学过程:
教学环节教师活动学生活动设计意图复习回顾布置【复习任务】
提问:HTML文件基本结构中包括几对基本标签对?分别是什么?打开“学习包”,观看微课视频《1、HTML文件的基本结构》,复习HTML文件的基本结构
学生回答脚本学习才刚刚开始,帮助学生复习一下,有助于提高本节课的学习效率。导入用Frontpage打开“huan.htm”和“shubiao.htm”网页,展示动态效果。
这两个动态效果就是用动态HTML技术制作出来的。
吸引学生眼球,激发兴趣
新授
一、动态HTML的三个核心技术
二、概念
5.2《理解动态HTML》,构成动态HTML的核心技术主要有:客户端脚本语言、文件目标模块、CSS样式表。
客户端脚本语言的概念
是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言。