2024年4月17日发(作者：)

《让网站有声有色》教案

一、教学目标

1、通过设置网页背景，体会网页属性设置方法的多样性。

2、通过在网页中添加背景音乐及Flash动画，提高美化网页、修饰网页的能力。

二、教学重难点：

教学重点：给网页添加合适的背景图片、音乐与Flash动画。

教学难点：网页元素的合理布局。

三、教学过程：

教学环节

情境导入

教师活动

幻灯片展示一组个性QQ空间的

图片。

设问：1、同学们，这是一组关于

什么的图片呢？

2、有没有同学在空余时间会去精

心地打理和装扮自己的QQ空间

呢？

师：同学们，我们今天不花一分

钱，就来装扮我们的空间主页。

1、展示两张空间主页，进行对比。

生：找出不同点

师：进行归纳，并板书本课知识

点，引出课题。

2、展示本课学习要点：三招武功

招式

3、展示第1招——“移花接木”

点出此招的效果：添加与网站风

格匹配的背景。

师巡视指导。

请一位学生上台演示，并展示

效果。

4、展示第2招——“传音入密”，

点出此招的效果：能给网页添加

动听地背景音乐。

师巡视指导。

请一位学生上台演示，并展示

效果。

5、展示第3招——“暗香疏影”

点出此招的效果：能在网页中插

学生活动

欣赏空间图片

学生齐答

设计意图

从学生感兴趣的

内容，引起学生

的好奇，激发学

生兴趣。

新授

学生观看对比效果。

学生根据魔灯网提

示，自主学习探究。

学生上台演示。

学生根据魔灯网提

示，自主学习探究。

学生上台演示。

学生根据魔灯网提

示，自主学习探究。

两张主页对比，

明确本课所要学

习的知识。

以武功秘籍为噱

头，激发学生自

主学习的热情。

给学生自主探究

的空间。

入Flash影片。

教师巡视，观察学生动静，及时

发现学生操作中出现的问题。

师总结问题所在，与学生讨论并

分析问题。

师提出解决方案。

6、作业环节，巩固知识。

作业评价 选择一部分学生的作业进行展

示，并点评。肯定学生作品的优

点，并点出出现的问题，分析。

回顾所学三招。

学生发现问题。

学生思考并参加讨

论。

学生操作。

学生自主完成作业。

本课作业，主要

以巩固本课所学

技能为主，进一

步提高在第2课

时完成。

课堂小结

师生共同回顾。