美化网页.doc

美化网页

教学目标：
1、知识目标：
（1）学会对网页中的文字进行各种修饰。
（2）学会在网页中插入图片。
（3）学会在网页中设置背景音乐及背景图片。
2、技能目标：通过学生的探究学习，掌握美化网页的基本操作。
3、情感目标：
（1）通过动手实践，培养学生的审美情趣。
（2）培养学生在学习过程中自主探究、对比、举一反三的学习能力。
（3）利用知识的迁移，培养学生的综合信息素养能力。
课时安排：一课时
教学重点与难点：
重点：在网页中设置背景音乐、背景图片及在网页中插入图片。
难点：保存带图片的网页。
教学方法：对比法、任务驱动法
课前准备：网络、对比网页、素材（文字、图片、声音）
教学过程：
一、通过对比导入今天课题
打开上节课我们还没制作完成的“上网别忘基本礼仪”网页。老师这里还有一个网页：
展示对比网页
请你们说一说这两个网页你比较喜欢哪一张？为什么？
（学生通过观察了解到：文字进行了字体变大着色，居中修饰，设置了背景图片、背景音乐，插入了图片）
同学们说得真不错，老师和大家一样，也喜欢第二张，因为第二张网页不是纯文字的，它加入了声音、图片，是图文并茂、多姿多彩的。今天，老师就和大家一起来“美化网页”。（出示课题：美化网页）
二、新授：
引导1：我们在学习文字处理软件Word时已经学习了如何对文字进行修饰，大家能不能也对我们网页中的文字进行修饰呢？要求：1、标题加大着色并居中。2、正文字号设3号（12磅）并着色。现在动手试一试吧。
出示任务一：美化文字
学生实践。教师巡视指导。
展示、评价学生网页文字修饰。
（展示的过程中提示学生：1、尽量使用黑体、宋体、楷体、仿宋体、幼圆体这5种标准字体，以便网上其他计算机能顺利显示网页中的文字。2、合理搭配网页中的文字与背景的颜色，以达到赏心悦目的效果。）
刚才同学们基本上都会对文字进行修饰，为了使网页中的文章标题醒目、大方，一般采用艺术字。那么同学们能不能把标题换成艺术字呢？
指名上台演示。
引导2：我们知道文字是网页中不可缺少的元素，但纯文字的网页是没有吸引力的，若在网页中合理地运用图片，不仅可以让你的网页图文并茂、多姿多彩，而且可以表达很多文字很难表达的内容和效果，那么怎样在网页中插入图片呢？
出示任务二：插入图片
其实我们在Word中也已经学习了如何插入图片，而Frontpage与Word同属于Office办公软件，插入的方法会不会相同呢？同学们动手试一试吧！
要求：1、小组合作学习。 2、说出小组学习中发现的问题。
3、小结：大家的发言都不错。从大家的发言中我们可以看出：在网页中插入图片方法与Word一样，首先移动鼠标，然后点击“插入”——“图片——来自文件”，从文件中找到所需插入的图片即可。若对插入的图片大小不满意，可以用鼠标拖动的方法来改变图片的大小与位置。
引导3：在页面中加入图片，可以增加网页的吸引力，如果在网页中加入声音，则可以给网页添加一种“多媒体”的效果。同时，网页的背景也并非只能是白色，可以是各种颜色或背景图片，那怎样设置背景音乐和背景图片呢？
出示任务三：设置背景音乐和背景图片
上节课大家都在自己制作的第一个网页上设置了网页标题，同学们还记得是如何设置的吗？（网页编辑窗口中右击——弹出的快捷菜单中选择“网页属性”命令——“网页属性”对话框中“常规”选项栏中——“标题”项中输入网页标题）（师示范）
留心的同学已经注意到了“背景音乐”项，对吧？下面我们就从这里加入背景音乐。（师示范）
（FrontPage支持多种格式的声音文件，如WAV、MID、RAM、RA等，目前暂不支持MP3格式，一般经常使用MID格式的音乐文件）
“网页属性”对话框中还有一个“格式”选项栏（单击，展示），设置背景颜色只要单击下拉箭头按钮选择一种颜色即可。（演示）
在网页中以一种颜色做背景好象有点儿枯燥，能不能换一个淡雅一点的图片做背景呢？（师示范）
学生实践。教师巡视指导。
（提示学生背景色一般以柔和为主。网页的背景色要清淡、柔和，避免用深色作背景色。）
小结：至此我们已知如何设置背景音乐和图片，大家发现了没有，这两个操作的方法相似，都利用了同一个对话框（网页属性），只是选择不同的选项栏而已。不过，老师要说明的是，今天我们给网页插入图片以及设置背景音乐和图片，素材都是老师事先准备好的，其实素材的选择很重要，要小而精。既要符合网页的主题，又要考虑到浏览者使用的计算机的性能，尽量选用容量较小的素材，如图片、Flash动画和背景音乐等。
同学们，这个网页我们美化完了吗？还有一个细节之处你发现了没有？（水平线）你能否也给它美化一下呢？（加粗、变色）下面给大家几分钟的时间修复完善自己的网页，然后保存在自己的文件夹里。
（提示学生：在网页中插入的图片、动画、音乐、小电影等都要及时保存，并保存在网站images文件夹中，以防止发布到网上出现链接错误）
展示美化比较好的网页。
三、教师总结
1、举一反三。从文字颜色——插入图片——设置网页背景音乐——设置网页背景（单色）——设置网页背景（图片），由浅入深，形成线与珠的关系。
2、使用右键的“快捷菜单”便利。
四、练习：打开你的素材库完成“童谣小学生行为规范”的网页修饰。（教师展示一张）
展示学生作品并点评。

教后记：
1、通过比较两张不同的网页，导入新课，激发了学生的学习兴趣。
2、本节课对网页中的文字修饰因与Word一样，所以略说，让学生动手实践。把标题改成艺术字的形式，因有少数同学还不太熟练，所以指名上台演示，实践证明效果不错。
3、对于插入图片这部分，虽在Word中也已学习过，但总有同学出这样那样的错误，所以采取小组合作学习的方式，同时由小组代表说出出现的问题，并一一加以解决，这样可以加深学生的印象，避免以后再出现同样的错误。
4、设置网页中背景音乐和背景图片，这部分内容属于新授部分，所以我先演示，然后学生实践，并先设置单色网页背景，然后再设置带图片的网页背景，层层深入，让学生在实践中体会其中的不同，这比单纯的说效果要好得多。
5、展示、评价学生作品里最好让学生多说。