信息技术八年级上册让网站有声有色教学设计及反思

这是一份信息技术八年级上册让网站有声有色教学设计及反思，共3页。教案主要包含了导入，新授，课堂总结等内容，欢迎下载使用。

课题
让网站有声有色
课型
新授
教 学 目 标
知识与技能
学会设置网页背景学会添加背景音乐和插入flash动画，体会网页设置方法的多样性。
过程与方法
通过进一步修饰已现雏形的网站，掌握为网页设置背景、添加音乐、插入Flash动画等方法，初步掌握网页整体效果的美化方法。
情感态度价值观
提高美化网页、修饰网页的能力。
重点难点分析
给网页添加合适的背景图片、音乐与Flash动画；网页元素的合理布局。
教学准备
网络教室，配备耳麦，示例网站，素材库。
教学过程设计
课堂随记
一、导入
同学们，请进入“现代信息技术博物馆”网站，说说这个网站有什么特色？可以从声音、图片、动画等方面入手。
网站链接：现代信息技术博物馆网站。
这节课我们将学会设置网页背景。学会添加背景音乐和插入flash动画。
二、新授
给网页添加背景、声音和动画，可以使网站有声有色，加深访问者的印象。
设置网页背景
网页制作时，默认以白色为背景，添加与网站风格匹配的网页背景，会使网站增色不少。单色背景和图片背景各有特点，操作类似，如给“网络世界”网站主页添加背景，方法如下：
（1）打开“网络世界”主页，打开“网页属性”对话框，选择“格式”选项卡。
（2）在“颜色——背景”中，设置合适颜色，可为网页添加单色背景；如果选择“背景图片”，就可为网页添加图片背景。
具体的操作过程可参考辅助视频“设置网页背景操作演示”。 请你为网站主页设置网页背景。素材可见“图片素材（需下
载）.rar”，提供的内容。
思考：如果网页既设置了单色背景又设置了图片背景，网页最后呈现的背景效果会怎样？自己尝试一下。
添加背景音乐
给网页配上悦耳的背景音乐，使网站有声有色。如给“网络世界”网站的主页插入背景音乐，方法如下：
（1）编辑主页，打开“网页属性”对话框中的“常规”选项卡。
（2）在“背景音乐”选项中，单击“浏览”按钮，选择合适的曲目。
（3）单击“打开”按钮，在“网页属性”对话框中，设置“循环次数”，单击“确定”按钮完成设置。
具体的操作过程可参考辅助视频“添加背景音乐操作演示”。 请你给网站的主页和分栏目页面设置合适的背景音乐，音乐
素材提供如“背景音乐素材（需下载）.rar”。
插入Flash动画
网页中插入一些小动画可以使页面生动活泼，起到画龙点睛的作用。以在“网络拾贝”页面中插入动画为例，方法如下：
（1）打开“网络世界”站点，选择需插入动画的页面文件“wlsb.htm”。
（2）将光标定位到需插入flash动画的单元格，选择“插入”——“web组件”——“高级控件”——“插件”（如“图6.jpg”），单击“完成”按钮。
（3）在弹出的“插件属性”对话框中，单击“浏览”，选择合适的flash动画文件，并设置大小等参数，单击“确定”按钮，效果。
具体的操作过程可参考辅助视频“插入Flash动画操作演示”。
请你在网页中插入一个flash动画，Flash动画提供如“动画素材（需下载）.rar”。
拓展任务
尝试在网页之间设置网页过渡效果。提示：可利用“格式”
菜单中的“网页过渡”命令进行设置。
三、课堂总结
选择一部分学生的作业进行展示，并点评。肯定学生作品的优点，并点出出现的问题，分析。
从学生感兴趣的内容，引起学生的好奇，激发学生兴趣。
利用微视频辅助教学，给学生自主探究的空间。
学生思考并参加讨论。
学生操作
利用微视频辅助教学，给学生自主探究的空间。
学生操作
利用微视频辅助教学，给学生自主探究的空间。
学生操作
学生自主完成作业。
师生共同回顾。
课后活动与 作业
课本P65随堂练习1
教后反思
在课堂中，引导学生养成合理保存不同素材的习惯，对于拓展任务，要求学习能力较强的学生尝试完成，体会这一功能的作用与特点。