2024年3月28日发(作者：)

学科 信息技术 五年级 课 题

教学内容 动感网页

第

1

课

时

教学具准备

9、动感网页 共 1 课时

教 学 目 标

1，了解动感网页与动态网页。

2，熟练制作DHTML动态效果、滚动字幕。

3，

能设置背景音乐、插入Flash影片

重点、难点或关键

重点：制作DHTML动态

效果、字幕、设置背景

音乐、插入Flash影片

难点：动态网页与动态

网页的区别、“字幕属

性”对话框的“速度”。

授课时间： 第 周

个 人 添 改 教学流程 教 与 学 的 双 边 活 动

一、情境体1.展示优秀动感网站范例，如等，让学生感受原来网页

验、导入新课 信息的呈现也能这样活泼生动。

2.引言：这些网站，通常是运用了Flash影片、图片文

字特效等，现在我们一起来学习制作动感网页吧！

3.课件显示课题：第9课《动感网页》。

1，布置任务：四人一组，利用英特网及教师提供

二、交流讨

的资料，交流讨论何为动感网页，它与动态网页是否相

论、理解新知

同，并在英特网上找一两个案例支持自己的观点。

2，请个别小组代表汇报自己的想法，并把例证展

示。

4，点评学生代表汇报，多元评价学生，注重激励，纠

正偏差之处，补充遗漏之点，概括出动感与动态的

区别：动感网页一般指网页元素在视觉上给人动的

效果，如飞入、滚动等；动态网页则采用动态网站

技术生成的网页，它可以是纯文字的。

1，边演示边讲解制作动感网页的基本技术，如应

三、任务驱

用“DHTML效果”工具栏制作字幕、设置背景音乐及插

入Flash影片等。

动、自主探究

在讲解插入Flash影片后注意引导学生充分感受

网页动画的互动性。

2，布置任务：请同学们参考教材P50~53内容，上

机实践，熟悉动感网页制作技术。

3，巡视全班，个别辅导，关照学生是否能独立完成相

应的探究任务，必要时进行集体点评。

教学流程 教 与 学 的 双 边 活 动 个 人 添 改

1，布置任务：请同学以小组合作方式，完成教材

P54创新活动——新建一个介绍班级动态的网页，并使

固、应用迁移

之初具动感。

2，巡视全班，个别辅导，关注小组协作探究学习

的情况，适当点评学生探究活动过程。

3，展示小组代表完成的班级动态网页，请学生代

表交流自己小组创作过程。

5，听取学生代表发言并引导全班同学一起评价

四、联系巩

五、归纳小

引导学生归纳小结本活动用到的主要知识点。

①动感只是视觉效果，不等同于动态。

结、梳理知识

②DHTML功能是将选定的网页元素设置为动画效

果，例如，当访问者浏览网页时，单机或双击某个网页

元素，该元素就会发生飞出页面等动画效果。

③FrontPage还将一些常用的功能制作成组件，网页设

计者只需在网页中插入相应的组件，即可实现字幕、交

互式按钮等动态效果。

教学反思