《5.1.1网页脚本》新课标优质课教案设计

《5.1.1网页脚本》新课标教案优质课下载

● 教学目标

知识与技能目标：了解动态HTML的概念。能够在网页指定位置中加入javascript代码，并能做适当修改。能够根据网页的内容、风格选择适当的网页特效。

过程与方法目标：通过专题学习网站，培养学生自主学习、协作学习的能力。通过作品评价与交流，培养学生表达、交流和鉴赏的能力。培养学生进行学习反思的学习习惯。

情感态度与价值观目标：通过学习和应用javascript代码，体验技术的魅力。培养学生与他人合作与交流的能力。

● 教学重、难点

重点：能够在指定位置加入javascript代码，并做适当修改。

难点：能够根据网页的内容、风格恰当地加入javascript代码，并做适当修改。

● 教学环境

多媒体网络教室、FTP服务器、极域电子教室、专题学习网站。

● 教学策略

本节课采用基于学习网站的自主学习方式，引导学生理解动态HTML的概念，能够根据网页的内容、风格加入适当的javascript代码，并做恰当修改，最后通过作品交流来分享经验和成果。

在新课导入中，通过动态网页与静态网页的对比，激发学生兴趣，为后面的学习做铺垫。在知识要点中，教师借助学习网站，简明扼要地介绍了相关概念和技术要领。在探究活动中，为了让学生能够迅速掌握技巧，又不至于因为任务难度太大而产生畏难情绪，教师循序渐进地安排了两个大任务，大任务中又包含分层任务。通过难度逐层深入的探究任务及不同难度的练习资源，引导学生在探究实践中发现知识、掌握知识，使各个能力层次的学生都能有所提高。在作品交流中，教师指引学生演示自己在个人网站中所用的javascript效果，分享学习经验。在整堂课结束前，预留时间引导学生对所学知识进行梳理、总结，让学生将所学知识结构化，并设置新的学习悬念，为下节课学习做好铺垫。

教学过程

1、新课导入

教师指引学生打开学习网站，进入“新课导入”栏目，欣赏栏目里链接的两个页面，观察对比，找出不同点。

分析第二个页面，其页面加入了网页特效，因此令页面声色不少，引出学习内容：动态HTML。

设计意图：通过动态网页与静态网页的分析对比，使学生初步认识动态网页，激发学习兴趣。

2、知识铺垫、范例演示

教师打开学习网站的“知识要点”页面，解释基本知识：

◇动态HTML的概念及实现动态HTML的方法之一：加入javascript代码。

◇解释什么是javascript脚本语言。

◇HTML的基本结构：展示教学范例网页的源代码，简单分析其HTML标记语言的组成。

教师演示在网页指定位置中加入javascript代码，实现“图片切换”网页特效。

3、任务探究

①基础任务：把“图片切换”特效加入到“印象台山”网站首页的指定位置，并通过修改javascript代码，更换“图片切换”特效中默认的图片及提示文字。