1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
选修3网络技术应用《5.2.1客户端脚本语言》新课标教案优质课下载
三、教学目标
目标维度行为目标知识与技能1、了解客户端脚本语言
2、掌握Javascript的基本结构及其调用方法过程与方法1、通过自主探究实践获得感性认识。
2、经过知识梳理获得理性认识。
3、再次实践提高操作能力。情感态度与价值观1、培养学生在研究中学习,在学习中探索的意识。
2、培养学生负责任地使用信息的意识。四、教学重点、难点
1、教学重点
读懂部分代码含义,并能按要求修改部分代码,使网页产生预期的动态效果。
有效运用现有代码,并能从HTML视图中找到准确的插入位置,从而使网页达到预期的动态效果。
2、教学难点
大致读懂特效代码的含义,并能修改部分代码“为我所用”。
五、教学过程
教学环节教师活动学生活动设计意图新课导入展示具有动态效果的网页,供学生欣赏。
提出问题:这样的网页给你什么感觉?它和一般的网页有什么不同?
这些动态效果好像是普通网页上的“调味品”,使网页变得生动、有趣起来。那它是怎么制作出来的呢?我们一起来揭开其中的奥秘吧。学生欣赏、思考、回答激发学习兴趣。小试身手请看教学网站“小试身手”栏目。这是老师给大家准备的第一个任务,并将这个任务分成了三个部分,如果哪位同学能够完成全部任务,那他肯定能成为电脑高手。
基本任务:浏览stu网站的主页文件“index.htm”, 在html视图下试着找出其中实现“对话框”动态效果的代码。
进阶任务:分析“对话框”是怎么嵌入到网页中去的,用了什么标签,分析代码语法结构。
挑战任务:给站点中另一个网页outside.htm也添加一个“对话框”,并让它说出你想说的话。
组织和控制学生的学习活动,引导学生进行自主协作学习,收集处理学生学习活动中出现的问题。
1、用FrontPage打开相关页面的代码,找到有关“对话框”的JavaScript语句。
2、学习JavaScript标签使用的一般形式。
3、分析在网页中嵌入JavaScript的方法,根据自己的实际需求,略作修改,添加到其他网页中。该任务是本节课的必做题。将任务分层次是为了体现出任务从易到难的梯度,降低学生跨越台阶时的难度,将一开始激发出来的兴趣保持下去。
知识梳理刚才我们欣赏和制作的动态效果是一种动态html技术,是运用JavaScript客户端脚本语言编写的一个小程序。
简单介绍动态html和客户端脚本语言。
今天我们主要学习的是JavaScript脚本的使用方法。互联网上有很多免费的JavaScript源代码,我们可以将它“移花接木”,运用到自己的网页上。不过你如果硬生生地把“花”直接绑到“树木”上,估计成活率不高。所以我们需要掌握一些技巧。