当前位置 :项目首页 > 资源分享 > 正文

 “制作网页动态特效”的教学设计

课题：4.4.2制作网页动态特效

教材版本：粤教2003版高中信息技术-选修三网络技术应用

教材分析：制作网页动态特效是粤教版高中信息技术选修三网络技术应用中第四章第4节第2小节的内容，它是高中信息技术中的重要教学内容，用它可以制作出动画效果的网页，它可以为我们的网页插上翅膀，方便浏览、操作、易于被人接受。

学情分析：教学面向的是高一年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了基本的信息技术的知识和技能，初步学习了Fontpage，能制作图文井茂的网页作品;学生是学习的主体，是意义建构的主动者，以具体形象思维为主，并逐步向抽象思维过渡，同时由于信息技术的趣味性浓，动手实践性强的特点，学生的学习积极性较高，乐于探索、勇于创新，部分学生能主动的探索学习。基于以上思考，我采用任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法，利用建构主义的理论,创建学习环境，让学生在问题解决中学习。

教学三维目标：

知识与技能：掌握设置动态HTML效果的方法。

过程与方法：能在网页设计时根据网页的需要适当设置动画效果，使学生逐步了解建立优秀网页的标准。

情感态度价值观：培养学生网页设计的审美能力、创新能力协作学习能力。

教学重难点：

教学重点：设置动态HTML效果

教学难点：设计动态HTML效果

教学方法：任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法。

1.实施任务驱动，把学生的主动权交给学生，引导学生动手尝试、观察辨析、合作探究、运用教、练结合的方法，让学生体验并制作动态网页。

2.采用半成品加工策略，提供些素材，让学生直接制作，提高学习的效率。

教学准备：教师准备-些文字和图片素材。

教学过程：

一、导学

1．探寻找有让网页动起来的方法

前面我们学习了站点的创建，简单了解了表格的布局网页，那么在这个基础上，大家的网页结构设计已经基本掌握。

—网页实例展示

上节课我们又探究了如何让网页动起来，像PPT一样的动态效果。 那么大家回忆一下我们都找到了什么？

——网页实例展示 动态字幕，动态按钮，图片库，网页过渡。这些效果都是Frongpage软件自带的功能，简单易设置。

2．小组组长组织本组同学选定任务

让网页动起来，还有一个大家没有找到，效果也不错，那就是“动态HTML效果”，今天，我们就一起尝试一下这个功能能给我们带来什么时候的效果呢？

上节课小组组长组织本组同学确定学习任务

二、导入

问题：动态HTML效果在哪里？ 

教师讲解命令位置（知识点）：视图菜单—工具栏—动态HTML效果—单击/双击/鼠标悬停/网页加载

三、设疑与探究

任务一：打开上节课制作的个人网站，根据本组任务，在主页上添加一个动态HTML效果。 

分组按选学习任务进行探究，掌握动态HTML效果的使用方法。

选择做的最快的小组的一名学生进行基本设置方法演示—网页加载飞入文字

任务二：小组协作、探究本组选择的动态HTML效果触发事件的特点，设计一款实用美观的动态效果。

学生分组按照学习任务进行设计创作设计，教师指导学生小组设计。

四、成果展示与评价

1.各小组组长选派优秀作品

2.作品展示并评价（自评、互评、师评）

五、总结

教师与学生一起对成果进行总结提升。

DHTML效果四种事件都有什么特点？哪种是效果最好的、最为实用的？ 各小组选代表对探究学习成果进行汇报讲解演示。

六、迁移

让我们的网页动起来，还可以借助其它程序，比如Flash动画，Photoshop中的GIF图片，视频影片，还可以真接编写代码，比如鼠标跟随动画、滚动图片等。

——网页实例展示。