第十六课 让网站有声有色 课件+教案

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