网页动态效果教学设计

《网页动态效果教学设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页动态效果教学设计　　　　【教材分析】　　　　本节课内容为北京版初中第五册教材第七章第六节《在网页中使用动态效果》在此之前学生已经学习了网页中静态内容的制作如添加文字和图片、建立超链接、使用主体和表格等等本节课的主要内容是在学生初步认识并掌握了网页简单制作的基础上指导学生给网页添加动态图片、滚动字幕、悬停按钮、横幅广告等动态效果使网页变得丰富多彩从而完成对网页的修饰和美化培养学生审美意识和学习兴趣在以后的课程中还要学习制作交互网页、管理与发布站点等内容　　　　【学情分析】　　　　1、本课程的主要教学对象是初二年级学生　　　　2、在学习本课内容前学生已经学会上网、Word和Powe

2、rPoint等软件还会制作简单的网页动手能较强但审美意识较弱　　　　3、初二学生具有一定的逻辑思维能力处于这个年龄段的学生思维活跃对许多事物充满了好奇心富有探索精神　　　　【教学重点】　　　　通过学习添加滚动字幕等动态效果使学生掌握Web组件的使用方法　　　　【教学难点】　　　　使学生能够合理的使用动态效果提高其审美意识　　　　【教学目标】　　　　知识技能目标：　　　　1、了解FrontPage中常用的几种动态效果的作用；　　　　2、学会在网页中插入Flash动画、滚动字幕和悬停按钮掌握在网页中使用动态效果的方法　　　　过程与方法目标：　　　　1、体验在网页中使用Web组件的操作过

3、程；　　　　2、能够熟练灵活的美化自己制作的网页学生初步形成探究学习和小组学习情感、态度与价值观目标：　　　　1、形成对网页制作的学习兴趣；　　　　2、提高自身的艺术修养和审美意识　　　　【教学方法】　　　　教师综合演示（首先教师展示网页和PPT课件介绍滚动字幕的插入方法）自主探究（在学习插入悬停按钮和Flash动画的时候学生自主探究教师做简　　　　单提示）　　　　合作交流学习（在学生尝试插入Flash动画的时候可能会遇到困难可以通过　　　　合作交流解决问题）　　　　【教学资源】　　　　1、有多媒体的计算机教室电脑装有FrontPagexx、Flash等相关软件　　　　2、老师制作

4、好的PPT课件以及网页成品和教学过程中会用到的相关素材　　　　3、学生添加动态效果需要使用的网页框架　　　　【教学活动设计】　　　　一、组织教学（3分钟）　　　　教师通过常规方式组织教学学生参与　　　　二、兴趣导入（5分钟）　　　　教师首先做简单的自我介绍带领学生之前所学的知识　　　　展示教师做好的网页成品让学生发现其特别之处学生会发现网页中的文字图片等都是会移动的从而引出本节课的学习内容　　　　设计意图：让学生自己发现问题激发其求知欲和学习兴趣　　　　三、教师演示（10分钟）　　　　教师讲解滚动字幕的插入方式然后学生做练习并展示学生的练习成果老师点评　　　　设计意图：让学生初步接

5、触Web组件对其有一定了解　　　　四、自主探究（14分钟）　　　　插入悬停按钮和Flash动画教师不再讲解只进行简单提示学生之间进行讨论并在自己的网页中尝试加入动态效果由做出来的同学介绍自己的做法教师进行总结　　　　设计意图：让学生合作交流培养学生的语言沟通能力和协作能力通过自主探　　　　究把学习的主动权教给学生让学生学会自己把握学习进度并培　　　　养其创新精神　　　　五、总结巩固（5分钟）　　　　在学生基本掌握动态效果的添加方法后教师总结本节课所讲的内容帮学生巩固重点、难点　　　　设计意图：再次加深学生对Web组件的印象巩固所学知识　　　　六、作业布置（2分钟）　　　　课下尝试添

6、加动态图片和横幅广告并给出简单提示　　　　设计意图：让学生在课下独立完成可检验其对新知识的掌握程度