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