教科2003课标版《5.1.1动态HTM》新课标优质课教案设计

教科2003课标版《5.1.1动态HTM》新课标教案优质课下载

了解动态HTML的几种常见效果；掌握制作动态HTML效果的注意事项，并能够根据需要进行必要的个性化修饰，学会文本和图片的动态HTML效果制作。

过程与方法：

在动态HTML效果制作的问题情境中主动建构知识的脉络体系，有效地培养分析问题和解决问题的实践能力，在实践中思考、理解动态HTML的概念，提升学科核心素养。

情感态度与价值观：

独立思考、小组合作、教师指导共同完成对“大美校园”主题网页的简单动态HTML创作，在感受校园美的过程中体验制作动态HTML的乐趣。

学习重点

四种触发事件下的文本和图片的动态HTML效果制作。

正确理解并不是网页上所有“动”的效果都是动态HTML效果。

学习难点

交换图片的动态HTML效果制作。

动态HTML概念的理解。教与学的环节设计教与学的方法指导情境引入（感受主题之美）：

师生共同欣赏“大美校园”主题网页的简单动态HTML效果，进入学习状态。

尝试理解“动态HTML”的概念。

讨论动态HTML效果，明确学习主题。

师生互动，找出“动态HTML”概念中的关键词。自主先学（发现知识的层次美，内在逻辑美）：

写出美的词语，寻找更美的图片，试一试动态HTML效果的制作。

从“触景生情”写出“美词”出发，开始作品创作之旅。合作展学、点拨促学（体现合作过程美、和谐美、创造美；体现教师的组织美，讲评的方法美，教师的评价美）：

小组内部分工，选择事件进行“大美校园”主题动态HTML的创作 (文本动态效果、图片动态效果) 。

教师互动深度参与小组合作，选择有代表性的作品进行展示、讲评，在具体实践中进一步理解动态HTML的概念，提高综合应用能力。

小组合作，参考P106-P107的操作方法，尝试动态HTML创作。各小组进行内部分工，组长进行分配，每位成员选择其中一个事件进行尝试，再相互借鉴、学习、分享，共同提高。检测固学（体现学以致用的应用美、成功美、收获美）：

仔细审题、做题，学生边演示边讲解，师生共同观察、讨论操作过程中出现的典型问题，检测知识点掌握情况，灵活运用本题方法再次丰富完善作品。

观察“机器人做学玩”主题网站，找出其应用了哪些动态HTML效果，激发学习后续课程的兴趣。

运行信息技术学业水平测试模拟系统，选择操作题类别中的“FrontPage”部分第五套第2题。

小组讨论，常见的动态HTML效果除了文字特效、图片特效以外，还有哪些效果？总结悟学（寻找学科知识的规律美、顿悟美）：

梳理本节课知识要点：如何利用Frontpage制作动态HTML；动态HTML的概念；不是网页中所有动的元素都是 HYPERLINK "《5.1.1动态HTML》教学相关资源/My%20Webs（jpg背景图片、GIF动画图片）/13-50-sunwenjing-1223.htm" 动态HTML效果。