使用背景图片和音乐美化网页》教学设计

1 / 16 使用背景图片和音乐美化网页教学设计 莲山课 件 m#TRS_AUToADD_1250564593313mARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1250564593313PmARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1250564593313TDmARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1250564593313DIVmARGIN-ToP:0px;mARGIN-BoTTom:0px#TRS_AUToADD_1250564593313LImARGIN-ToP:0px;mARGIN-BoTTom:0px/*-jSoN-:margin-top:0,margin-bottom:0,p:margin-top:0,margin-bottom:0,td:margin-top:0,margin-bottom:0,div:margin-top:0,margin-bottom:0,li:margin-top:0,margin-bottom:0-*/_TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:;mARGIN:0cm0cm0pt;FoNT-FAmILy:TimesNewRoman;TEXT-ALIGN:justify_TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:;mARGIN:0cm0cm0pt;FoNT-FAmILy:TimesNewRoman;TEXT-ALIGN:justify_TEXT-jUSTIFy:inter-ideograph;FoNT-SIZE:;mARGIN:0cm0cm0pt;FoNT-FAmILy:TimesNewRoman;TEXT-ALIGN:justify_page:Section1_1249633762080oLmARGIN-BoTTom:0cm_1249633762080ULmARGIN-BoTTom:0cm 【教材使用】宁教2 / 16 厅审定山东教育出版社出版软件 FrontPage2000 【适用年级】 8 年级 【适用单元】网页制作第 3 大节 【教材分析】 教材中本节的内容分为三部分：一是使用导航栏和共享边框；二是添加网页背景与上节的背景音乐一块学习；三是添加网页水平线和滚动字幕。我将知识重新规划：先引导学生从已知入手，学习第二、三部分的知识，在学习第一部分知识时，由于学生对相关知识了解不多，是本节的难点，放在后面讲解。 本节是第二部分为网页添加背景图片和音乐。背景图片在上节插入图片的知识上过渡到背景 图片，其中可以引导学生使用颜色、图片和主题三种不同方式改变网页的背景，可以扩展背景设置时的不同方法。有了背景图片还可以加入背景音乐，这都属于同一类的知识，可以放在一起让学生鉴别学习。 3 / 16 【学情分析】 学生在上节课已经学会了插入图片的方法，在学习文字处理软件时也学习到了相关知识，借助这个已知来学习本节课的内容应该比较容易些，因此本节课知识学生可以自主学习。 【教学目标】 1知识目标 （ 1）掌握为网页中 添加背景的不同方法。 （ 2）掌握为网页中添加背景音乐的方法。 2技能目标 通过学生自主学习过程中，掌握为网页中添加背景音乐和不同背景的方法。 3情感目标 4 / 16 通过为网页添加背景及音乐的学习，培养学生综合运用知识的能力和审美能力。 【教学重点与难点】 为网页中添加背景图片。 【课时安排】 1 课时 【教学方法】任务驱动 法 【课前准备】软件 FrontPage2000 多媒体广播系统 【教学设计】 第一课时为网页添加文字信息 教学过程 教师活动 学生活动 教学意图 一、导入部分 5 / 16 上节课我们学习了给网页中添加文字和图片来丰富网站的内容。但是在我们浏览网页时发现网页中含有背景图片和背景音乐等等。这节课我们就来学习美化网页的一些方法。 （板书课题：美化网页） 学生观察后回答：修饰后的网页含有背景音乐和图片。 直接说出学生在浏览网页时的发现，引出本节课题。 二、新课部分 1添加背景： 6 / 16 7 / 16 2使用主题： 8 / 16 3添加背景音乐： 在学习文字处理软件 Word 时，我们学习了使用背景颜色来调整 “ 纸张 ” 的颜色，同样在 FrontPage 中也有此功能，可以给你的网页使用背景颜色。 （任务一：）大家结合课本的 “ 做一做 ” ，试着给你的网页变换背景颜色或使用图片作背景。 （板书：一、添加背景） 教师辅导 （让学生上来广播展示 ）网页中添加背景图片和颜色。 同时教师指导学生阅读课本 “ 金钥匙 ” 和 “ 小博士 ” 。 （任务二：）大家结合课本中的 “ 金钥匙 ” ，将插入的9 / 16 图片去除底色。 （教师小结并操作展示：） 1网页中可以使用图片做背景，但图片一定要与插图以及文字的颜色相协调，才能达到美观的效果，如果色差太大时会使用你的网页失去美感。 2方法：第一种方法是 “ 格式 ”“ 背景 ” ；第二种方法是在网页的空白处单击鼠标的右键快捷菜单“ 网页属性 ” 命令。 （教师引导：）大家在给网页添加不同背景时，有的同学可能想了，网站中的网页如果是上千张时，每张都使用背景太麻烦了，能不能将所有的网页都使用一个背景并后一步到位解决呢？这样是可以的，使用主题就可以解决。 （任务三：）大家使用 “ 格式 ”“ 主题 ” 变换你的网页背景。 （板书：二、使用主题） 教师辅导 10 / 16 （提醒学生：图片与主题做背景时，它们之间的切换必须先将主题背景去掉才能设置图片背景） （教师引导：）在我们搜索网页时，有时将网页打开后还伴随着音乐，大家浏览网页时心情也比较舒畅。 （板书：三、背景音乐） （任务四：）大家结合课本 P72 完成网页的背景音乐的设置。 教师进行辅导 （教师小结：） 1背景音乐与背景图片都使用同一个对话框 “ 网页属性 ” 。 2背景音乐的格式是有所选择的，同时播放音乐的次数是可以控制的。 11 / 16 学生结合课本实践 学生展示 12 / 16 学生实践 学生实践 13 / 16 学生实践 从学生已有知识类比过渡到新知。 14 / 16 让学生先进行自学，尝试不同方法。 引导学生学习书本的知识。 引导学生学会欣赏美的网页，同时总结多种方法。 15 / 16 拓展学生知识视野 教会学生总结知识和方法，同时引导学生阅读课本P73“ 小博士 ” 和 “ 金钥匙 ” 。 三、小结 通过这节课的学习，大家都学会了什么？ 16 / 16 学生自己总结 学生对自己所学知识进行汇总。 【教学反思】 调整知识：将第 2 节课的