步遥情感网
您的当前位置:首页第4课 《网页的美化》教学设计

第4课 《网页的美化》教学设计

来源:步遥情感网


第4课 网页的美化

教学目标:

1、知识目标:了解美化网页的常用方法,理解美化网页对提高网站质量的作用。

2、技能目标:学会在网页中设置背景、FLASH动画和滚动字幕。 3、情感、态度与价值观目标:提高审美意识,善于发现美,美化生活从自身做起。

教学方法:自学法、演示法、观察法、实践法、小组合作。 教学重点:在网页中设置背景、FLASH动画和滚动字幕。 教学难点:在网页中插入FLASH动画和滚动字幕。 学习时间:1课时。 教学过程:

一、创设情境,激发兴趣:小雨家新买了房子,爸爸找人进行了一番装修。看到温馨、舒适的家,小雨心里非常高兴。再看看自己做的网页,觉得比较单调,缺乏美感,也想装修一下。那么,怎样对网页进行美化,才能使它漂亮起来呢?

前面我们学习了网页制作中最基本的文字、图片、水平线的插入,并且还知道了怎样使用表格使网页中的内容排列的更整齐,层次更分明。这里同学们再考虑你更喜欢什么样的网页? 生交流汇报。

二、学习与探究:

把学生分为三个小组,分别进行插入网页背景、插入Flash动画和插入滚动字幕。

学生先在组内进行讨论,再推选一名代表展示。 1.设置网页的背景

给自己的网页加上一个背景,使页面更加美观,更能衬托网页的主题。(教师巡回指导)

1

练一练:打开“情感小屋”站点,并打开主页文件index.htm,在“网页属性”对话框“颜色”栏中设置文本和背景的颜色,并进行预览。

在网页中我们也可以通过网页的背景色,使网页变得生动有活力。

练一练:在你的网页中,先后设置不同的背景颜色,体验背景对网页的美化作用。

3.插入Flash动画

练一练:将光标定位在网页的适当位置,选择插入一个Flash动画文件。反复修改对话框中各参数的值,体会不同参数值的不同效果。

5.插入滚动字幕

小组合作思考:怎样可以让你网页中的文字或图片动起来,使它们更加醒目呢?

练一练:将光标定位在输入标题的单元格内,按照上述步骤进行插入字幕的操作。

三、展示评价

各小组分别选派一名代表展示自己的作品,演示创作过程。其他小组评价,老师评价各小组汇报情况。有哪些不明白的可以提出来大家共同探讨。

四、实践与创新:运用本课所学知识,从以下三个网页中选择自己喜欢的进行美化。

文件名 我的学校.htm 要求 设置网页背景 参考样图 第5页“网页版面布局示意图c ” 我就是我.htm 添加滚动字幕“海内存第 页“网页版知己,天涯若比邻” 面布局示意图d ” 2

我的父母.htm 第5页“网页版面布插入一个Flash动画 局示意图b” 五、梳理总结,拓展延伸:

回顾总结本节课主要内容:设置网页背景、表格背景、Flash动画及滚动字幕。

拓展延伸:在因特网上,有许多的好看的gif动画,如何把它插入到我们的网页上呢?

板书设计

第4课 网页的美化 一、 设置网页的背景 二、 插入Flash动画 三、 插入滚动字幕

3

因篇幅问题不能全部显示,请点此查看更多更全内容