浙教版信息技术八年级上第十六课让网站有声有色教学设计
课题
让网站有声有色
单元
第三单元
学科
信息技术
年级
八年级
学习
目标
知识目标：学会选择合适的网页背景，了解网页特效的作用
技能目标：熟练掌握网页背景的基本步骤以及网页背景音乐的操作步骤。
情感目标：感受网站修饰在网站创作环节中的重要作用。
重点
选择合适的背景、音乐、特效修饰网站。
难点
选择合适的背景、音乐、特效修饰网站。
教学过程
教学环节
教师活动
学生活动
设计意图
导入新课
上网时，有的同学发现不但网页内容丰富多彩，而且网页背景搭配很好，甚至可以边浏览网页边听背景音乐，让人赏心悦目。那么，这是如何做到的呢？让我们一起来揭开它的面纱，给我们的网页也添加上合理的背景吧！
思考
激发学生学习兴趣并快速进入学习状态
讲授新课
给网项添加背景、声音和动画，可以使网站有声有色，加深访问者的印象。
一、设置网页背景
网页制作时.默认以白色为背景，添加与网站风格匹配的网页背景，会使网站增色不少。
单色背景(如图)
图片背景(如图
网页背景各有特点，操作方法类似，如给“网络世界”网站主页添加背景，可采用以下方法:
1.打开“网络世界”站点，选择主页为当前编辑窗口
2.打开“网页属性”对话框，选择“格式”选项卡，如图所示。
3.在“颜色一背景”中，设置合适的颜色，可为网页添加单色背景;如果选择“背景图片”，就可为网页添加图片背景。
如图给网页中的单元格添加背景
方法如下：
网页与单元格插入背景图片效果如图
开动脑筋
如果网页既设置了单色背景又设置了图片背景，网顶最后呈现的背效果会怎样?
显示图片背景
二、添加背景音乐
给网页配上悦耳的背景音乐，使网站有声有色。
给“络世界”网站的主页插入背景音乐，可采用以下方法:
1.编辑主页，打开“网页属性”对话框中的“常规”选项卡。
2.在“背景音乐”选项中，单击浏览”按，选择合适的曲目，如图所示。
单击打开，在“网页属性”对话框中，设置“循环次数”，单击确定”按钮完成设置
三、插入Flash动画
网页中插入一些小动画可以使页面生动活泼，起到画龙点睛的作用。
以在“网络拾贝“页面中插入动画为例，具体操作方法如下:
1.打开“网络世界”站点，选择需插入动画的页面文件”wlab.htrm
2.将光标定位到需要插入Flash动画的单元格，选择”插人”菜单中的＂Web组件”
3.在弹出的“插入Web组件＂对话框中(如图)，选择“组件类型”→“高数控件”→“插件“，单击“完成“按钮。
4.在弹出的“插件属性”对话框中(如图)，单击“浏览”，选择合适的Flash动画文件，并设置大小等参数，单击”确定“按钮，插入 Flash动画后的页效果如图所示。
5.预览网页，观看动画播放效果。
温馨提示
插入网页的Flash动画只显示一个方框，只有安装相应的插件，才能在浏览网页时正常播放。
亲身体验
尝试为你的网页添加一个Flash动画。
知识链接
根据如图的版面划分，首页主要内容区右上角“好书伴我成长”是一个向上滚动的字幕，试通过插入组件的方法实现它。
课堂练习
1.尝试在网页之间设置网页过渡效果提示:可利用“格式“单中的“网页过渡”命今进行设置(如图)
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
。
学生小组间讨论，共同完成任务，并分组汇报。
通过小组合作，加强学生组内团结、共同完成任务，
培养学生组间合作能力，并且炼动手能力
培养学生组间合作能力，并且炼动手能力
培养学生独立完成练习的能力。
课堂小结
分小组总结归纳，教师补充。
各组汇报总结，其他小组成员做补充。
锻炼学生的总结能力，逻辑思维、语言表达能力。
布置作业
1.给网站的主页和分栏目页面设置合适的背景音乐
板书
一、设置网页背景
二、添加背景音乐
三、插入Flash动画
课件23张PPT。信息技术浙教版 八年级上第十六课 让网站有声有色新知导入 上网时，有的同学发现不但网页内容丰富多彩，而且网页背景搭配很好，甚至可以边浏览网页边听背景音乐，让人赏心悦目。那么，这是如何做到的呢？让我们一起来揭开它的面纱，给我们的网页也添加上合理的背景吧！新知讲解 新知讲解 一、设置网页背景新知讲解单色背景(如图)图片背景(如图)新知讲解 网页背景各有特点，操作方法类似，如给“网络世界”网站主页添加背景，可采用以下方法:1.打开“网络世界”站点，选择主页为当前编辑窗口 3.在“颜色一背景”中，设置合适的颜色，可为网页添加单色背景;如果选择“背景图片”，就可为网页添加图片背景。新知讲解如图给网页中的单元格添加背景方法如下：新知讲解 网页与单元格插入背景图片效果如图新知讲解开动脑筋显示图片背景新知讲解二、添加背景音乐给网页配上悦耳的背景音乐，使网站有声有色。 给“网络世界”网站的主页插入背景音乐，可采用以下方法:新知讲解2.在“背景音乐”选项中，单击浏览”按，选择合适的曲目，如图所示。单击打开，在“网页属性”对话框中，设置“循环次数”，单击确定”按钮完成设置1.编辑主页，右键单击，打开“网页属性”对话框中的“常规”选项卡。新知讲解三、插入Flash动画 网页中插入一些小动画可以使页面生动活泼，起到画龙点睛的作用。 以在“网络拾贝“页面中插入动画为例，具体操作方法如下:新知讲解2.将光标定位到需要插入Flash动画的单元格，选择”插人”菜单中的＂Web组件”3.在弹出的“插入Web组件＂对话框中(如图)，选择“组件类型”→“高数控件”→“插件“，单击“完成“按钮。新知讲解4.在弹出的“插件属性”对话框中(如图)，单击“浏览”，选择合适的Flash动画文件，并设置大小等参数，单击”确定“按钮，插入 Flash动画后的页效果如图所示。5.预览网页，观看动画播放效果。新知讲解温馨提示新知讲解 亲身体验新知讲解 根据如图的版面划分，首页主要内容区右上角“好书伴我成长”是一个向上滚动的字幕，试通过插入组件的方法实现它。知识链接课堂练习课堂小结总结本节课所学内容板书设计一、设置网页背景
二、添加背景音乐
三、插入Flash动画 1.给网站的主页和分栏目页面设置合适的背景音乐作业布置谢谢21世纪教育网（www.21cnjy.com) 中小学教育资源网站 有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
