“让我的网页动起来”教学设计

通过前面三节课的学习，学习者已经掌握了FrontPage的基本用法，明白了如何在网页中添加文字和图片，具备了进行浅层探究的能力，而初中阶段的学生，正是好奇心和探究欲比较强的时候，有脚手架的支撑，可以完成自主探究，达成学习目标。

一、教材内容分析

1.本节的主要内容及其在本章的地位

本节课主要介绍介绍在网页中插入flash、移动字幕和视频的方法，是学生开始接触网页动态要素的第一堂课，所以激发学生的学习兴趣和保持学生的学习动机很重要，所以本节课采用自主探究的方法，让学生体验探究成功后的喜悦感，保持继续学习网页制作的兴趣。

2.教学重点难点

教学重点：插入flash（以网站标题为依托）、移动字幕、视频的方法。

教学难点：插入flash、移动字幕、视频后各个属性的设置。

3.课时安排：一课时

二、教学目标

1.知识与技能

了解网站片头、移动字幕和视频在网页中的重要性；

掌握添加flash、移动字幕、视频的方法；

掌握flash、移动字幕、视频的属性修改方法。

2.过程与方法

通过两个范例网站的对比，体验动态元素对网站的重要性。

通过自学网站和操作实践，掌握flash、移动字幕、视频的操作方法。

通过学生作品对比，启发学生找出自己的不足，进而修改完善。

3.情感态度价值观

通过对学生熟悉的素材进行编辑，激发学生学习网站兴趣的同时，增强学生的集体荣誉感；

通过探究网站的辅助，培养学生的自主探究能力，提高学生的信息素养。

通过作品对比，引导学生具有不断修改和完善的意识，从而提高创作水平。

三、教学理念和教学方法

本节课的主要内容是让学生学会如何在网页中插入flash、移动字幕和视频及其修改方法，学习内容对于学习者来说既新鲜又有趣，同时初中学生具有一定的探究精神，为了激发学生的学习欲，成就学生学习的成功感，本节课主要采用自主探究的方式，通过自学网站和学生的自主探究，让学生在实际操作的过程中享受成功的喜悦，并充分体现“教师为主导，学生为主体”的教学理念。

四、教学过程设计

本节课的教学内容以老师展现两个不同的网站引起学生的对比作为引入，然后通过自学网站辅助学生操作来完成学生对新知识的掌握，充分体现了学生的主观能动性。教学过程如下：

1.课堂准备

让学生下载“学生任务”压缩包并解压到桌面上

2.引入新课：展示两个示例网站，让学生观察，喜欢哪个网站，为什么？

通过学生观察比较，引出本节课将要学习的内容：如何制作移动字幕、网站标题和如何插入视频。

3.教师授课之探究一

接下来我们来一起学习如何在网页中插入移动字幕：启动FrontPage→学生任务→index，打开将要编辑的网页；将光标定位到插入点；插入→web组件；选择字幕选项；双击字幕出现字幕属性对话框，输入文字“年级动态”，选择相应属性，点击确定就ok。

请学生在相应位置设置移动字幕，学生观看、思考如何制作移动字幕并动手实践。

4.引入探究二

网站的标题对网站有很重要的作用。好的网站标题可以很快地抓住观众的眼球，激发观众观看网页的欲望，增加网站的吸引力。本网站的标题是用flash做成的，并且是自动 、重复播放的。

如何制作动态标题？请完成探究二，听讲并实践。

完成探究二：在学生任务index网页的相应位置，插入flash做网站标题页。

5.动手实践探究三：在学生任务index网页的相应位置插入视频。

教师提示：在插入标题后，观察你的网页的标题是否把背景给遮盖了？如何设置才能不遮盖背景？如何控制视频，使之不是打开网页就播放？

6.提交作品：将你做的作品直接点击保存按钮保存 ；关闭“学生任务”文件夹、IE以及FrontPage；将“学生任务”文件夹重命名为登录号+姓名，例如20560郝超君；右键→添加到XXX压缩文件。

7.作品点评与回顾

（1）回顾本节课内容：本节课学习了添加flash、移动字幕、视频的方法。学生回顾并回答

（2）评价学生作品：成功插入移动字幕（20分）；移动字幕字体美观、移动速度适宜（20分）；成功插入视频（20分）；成功插入片头flash（20分）；片头美观，无缝连接（20分）。

（3）课外拓展：我们在网络上流行的视频格式有哪些？这些视频是否都能插入到网页中？如果不能，应该怎么办？

五、教学反思

本节课主要学习如何在网页中插入flash（以网站标题为依托）、移动字幕和视频，主要让学生掌握成功插入这些动态元素后，对这些动态元素的属性修改。而本节课主要采用自主探究的方式去完成本节课的学习目标，即充分发挥学生的自主学习能力和探究能力，让学生通过自我探究做出作品，在获得知识的同时获得成功的喜悦。通過本节课学生上交的作业情况来看，学生很好地完成了本节课的学习目标，不仅完成了本节课的主要内容，而且探究完成了拓展任务一，即可以通过插入插件的方式控制视频的播放，有一部分同学也完成了拓展任务二，即插入整行移动字幕。

本节课在教学的过程中，发现学生起初很多都是直接奔任务而去，即完成任务，但是在老师的引导下，完成任务后，开始着眼于网页的美观，通过属性修改动态元素的属性，以美观网页，也就是在这一过程中，教师开始引导学生自我修改和完善，同时通过几幅不同水平的作业对比，让学生看到同班学生的不同水平的作业，同时反思自己的作品，通过对比和教师的引导，树立榜样的同时，不断地完善自己的作品。