网页动态效果教学设计

学人智库 时间:2018-02-09 我要投稿
【www.unjs.com - 学人智库】

  【教材分析】

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

  【学情分析】

  1、本课程的主要教学对象是初二年级学生。

  2、在学习本课内容前,学生已经学会上网、Word和PowerPoint等软件,还会制作简单的网页,动手能较强,但审美意识较弱。

  3、初二学生具有一定的逻辑思维能力,处于这个年龄段的学生思维活跃,对许多事物充满了好奇心,富有探索精神。

  【教学重点】

  通过学习添加滚动字幕等动态效果,使学生掌握Web组件的使用方法。

  【教学难点】

  使学生能够合理的使用动态效果,提高其审美意识。

  【教学目标】

  知识技能目标:

  1、了解FrontPage中常用的几种动态效果的作用;

  2、学会在网页中插入Flash动画、滚动字幕和悬停按钮,掌握在网页中使用动态效果的方法。

  过程与方法目标:

  1、体验在网页中使用Web组件的操作过程;

  2、能够熟练灵活的美化自己制作的网页,学生初步形成探究学习和小组学习。 情感、态度与价值观目标:

  1、形成对网页制作的学习兴趣;

  2、提高自身的艺术修养和审美意识。

  【教学方法】

  教师综合演示(首先教师展示网页和PPT课件,介绍滚动字幕的插入方法) 自主探究(在学习插入悬停按钮和Flash动画的时候,学生自主探究,教师做简

  单提示)

  合作交流学习(在学生尝试插入Flash动画的时候,可能会遇到困难,可以通过

  合作交流解决问题)

  【教学资源】

  1、有多媒体的计算机教室,电脑装有FrontPage2003、Flash等相关软件。

  2、老师制作好的PPT课件,以及网页成品和教学过程中会用到的相关素材。

  3、学生添加动态效果需要使用的网页框架。

  【教学活动设计】

  一、 组织教学(3分钟)

  教师通过常规方式组织教学,学生参与。

  二、 兴趣导入(5分钟)

  教师首先做简单的自我介绍,带领学生回忆之前所学的知识。

  展示教师做好的网页成品,让学生发现其特别之处,学生会发现网页中的文字图片等都是会移动的,从而引出本节课的学习内容。

  设计意图:让学生自己发现问题,激发其求知欲和学习兴趣。

  三、 教师演示(10分钟)

  教师讲解滚动字幕的插入方式,然后学生做练习,并展示学生的练习成果,老师点评。

  设计意图:让学生初步接触Web组件,对其有一定了解

  四、 自主探究(14分钟)

  插入悬停按钮和Flash动画,教师不再讲解,只进行简单提示,学生之间进行讨论,并在自己的网页中尝试加入动态效果。由做出来的同学介绍自己的做法,教师进行总结

  设计意图:让学生合作交流,培养学生的语言沟通能力和协作能力,通过自主探

  究,把学习的主动权教给学生,让学生学会自己把握学习进度,并培

  养其创新精神。

  五、 总结巩固(5分钟)

  在学生基本掌握动态效果的添加方法后,教师总结本节课所讲的内容,帮学生巩固重点、难点。

  设计意图:再次加深学生对Web组件的印象,巩固所学知识。

  六、 作业布置(2分钟)

  课下尝试添加动态图片和横幅广告,并给出简单提示。

  设计意图:让学生在课下独立完成,可检验其对新知识的掌握程度。

1.《院子》教学设计

2.《狼》教学设计

3.《山行》教学设计

4.教学设计答疑

5.《猫》教学设计

6.《老王》教学设计

7.《Christmas》教学设计

8.《海水》教学设计

9.黄帝教学设计

10.太阳教学设计