第十六课 让网站有声有色 教学设计 (2)
文档属性
| 名称 | 第十六课 让网站有声有色 教学设计 (2) |  | |
| 格式 | zip | ||
| 文件大小 | 11.9KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 浙教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2016-10-13 14:15:15 | ||
图片预览
文档简介
第十六课
让网站有声有色
教学设计
1教学目标
一、知识与技能
（1）学会设置网页背景，体会网页属性设置方法的多样性。
（2）掌握添加背景音乐的方法，了解不同的音乐格式。
（3）初步掌握Web组件中插件的使用，能够通过插件来插入flash动画。
二、过程与方法
通过展示学生优秀作品以及教师美化后的作品，让学生观察发言，引出主题。采用学生主体探究，教师主导的双主互动探究式教学形式，在明确本课任务后由学生自主探究，教师实时关注引导。学生在完成网页后，进行作品的展示和评价。最后加以课堂小结，突出主题，实现对学生的情感教育。
三、情感、态度与价值观
通过本次课的学习，提高学生美化网页、修饰网页的能力；培养学生对美的感受及创造美的能力；提高学生自身的艺术修养。
2学情分析
本课面向八年级学生，在前阶段的学习中，学生已经基本掌握了制作网站的方法，能独立完成简单网站的制作。此时，他们一定非常兴奋，充满成就感，正是教师引导他们继续丰富网页，让网页更加精彩的好时机。学生将会积极主动地去探索进一步美化网站的方法。
3重点难点
【教学重点】
（1）设置网页背景；
（2）添加背景音乐；
（3）插入Flash动画。
【教学难点】
（1）选择符合网站主题与风格的背景、音乐；
（2）了解插件的概念，学会在网页中插入Flash动画。
4教学过程
活动1【导入】回顾整理 导入新课
【师】上堂课，同学为自己的网页添加了超级链接，实现了页面之间的跳转，网站作品已经初见雏形。很多同学的作品都非常精彩、有个性。我挑出了自己最喜欢的一个作品，并且进行了加工，请同学们欣赏比较，看看网页发生了哪些变化？
【生】认真观看、比较。
【生】回答问题。（背景、音乐和动画）
【师】这节课，就让我们一起为网页添加背景、音乐和动画，将网页变得更具吸引力。
活动2【活动】激发引导 探索新知
（一）添加背景，突出风格
【师】展示范例，引导同学们为自己的网站主页添加背景（提示可借鉴单元格背景的设置方法或参考课本63页）。
【生】自主探究添加网页背景的方法。
【师】巡视指导。（2分钟后安排同桌相互交流）
【生】同桌交流。
【师】选择有代表性的两个作品展示，引导学生比较思考，你更喜欢哪位同学设置的背景，为什么？
【生】学生回答。（应该选用浅色背景，不影响网页内容的浏览。）
【师】选择有代表性的两个作品展示，引导学生比较思考，你更喜欢哪位同学设置的背景，为什么？
【生】学生回答。（小图案更适合做背景，大图案会影响网页的布局和美观。）
【师】展示两位学生的作品，引导学生比较思考，两位同学添加的背景有什么不一样？
【生】学生回答。（一个使用的是图片，一个使用的是颜色）
【师】提问：如果网页同时设置了颜色和图片作为背景，网页最后呈现的效果会怎样？
【生】操作、回答。（显示图片，颜色会被遮掉。）
【师】展示两位学生的作品，引导学生比较思考，你觉得哪位同学设置的背景更适合，为什么？
【生】学生回答。（添加与网站风格匹配的网页背景，能使网站风格更加突出。）
【师】总结：
设置合适的背景能让网站风格更突出，为网站增色。背景的设置方法虽然简单，但要设置合适的背景还需要我们多思考到尝试。我们总结出以下几点需要注意的地方：
①宜选择浅色背景；②小图案更适合做背景；③背景图片需要符合网站风格。
【师】给同学几分钟将自己的背景设置的更合理。
（二）添加音乐，有声有色
【师】展示范例，引导同学为自己的网站主页添加背景音乐（可参考课本64页）。
【生】尝试添加背景音乐。
【师】巡视指导。（2分钟后安排同桌相互交流）
【生】同桌交流。
【师】提问：你在添加背景音乐的过程中遇到了什么问题或有什么发现？
【生】wav和mid格式可以使用，mp3格式的音乐没法用。
【师】提问：如果我希望背景音乐只播放一次该如何操作？
【生】一位同学上台演示。
【师】老师也为自己的网站添加了背景音乐，同学们听一听，这个音乐适合这个网站吗？为什么？
【生】回答问题。（不适合，不符合网站的主题。）
【师】总结：
①给网站添加音乐时不能只考虑个人的喜好，要选择符合网站主题的音乐。
②注意背景音乐的格式：MP3格式无法使用，一般我们使用wav和mid格式。
（三）添加动画，画龙点睛
【师】展示范例，引导学生为自己的网站添加flash动画。（可参考课本64页）
【生】尝试添加flash动画。
【师】巡视指导。（2分钟后安排同桌相互交流）
【生】同桌交流。
【师】请一位同学演示添加flash动画的方法。（有一定难度，需要演示讲解）
【生】认真观看演示操作。
【师】浏览网页时，你有看到flash动画吗？要注意什么？
【生】要在弹出的提示框中，允许插件的播放。
【师】请同学们完成Flash动画的添加。
【生】操作。
【师】总结：
在网页中插入一些小动画可以使页面生动活波，起到画龙点睛的作用。
活动3【练习】加强巩固 灵活应用
【师】完成剩下页面的背景、音乐以及动画的添加。
【生】完成老师布置的任务，并提交作品。
活动4【活动】展示交流 相互评价
【师】展示几位学生有特色的作品，引导学生对背景、音乐、flash动画各项操作进行评价，适当加入自己的评价。
【生】比较自己的网页与其他人的网页，总结可以改进的地方，并说说为什么。
活动5【活动】总结梳理 主题升华
【师】请学生回顾本节课知识点。
【生】回顾本节课所学内容。
【师】通过本节课的学习，我们掌握了通过添加背景、音乐以及flash动画充实网页，美化网页的方法。
设置合适的背景能让网站风格更突出，为网站增色。在添加背景时我们要注意以下几点：①宜选择浅色背景；②小图案更适合做背景；③背景图片需要符合网站风格。
给网站添加音乐时不能只考虑个人的喜好，要选择符合网站主题的音乐。MP3格式无法使用，一般我们使用wav和mid格式。
在网页中插入一些小动画可以使页面生动活波，起到画龙点睛的作用。
让网站有声有色
教学设计
1教学目标
一、知识与技能
（1）学会设置网页背景，体会网页属性设置方法的多样性。
（2）掌握添加背景音乐的方法，了解不同的音乐格式。
（3）初步掌握Web组件中插件的使用，能够通过插件来插入flash动画。
二、过程与方法
通过展示学生优秀作品以及教师美化后的作品，让学生观察发言，引出主题。采用学生主体探究，教师主导的双主互动探究式教学形式，在明确本课任务后由学生自主探究，教师实时关注引导。学生在完成网页后，进行作品的展示和评价。最后加以课堂小结，突出主题，实现对学生的情感教育。
三、情感、态度与价值观
通过本次课的学习，提高学生美化网页、修饰网页的能力；培养学生对美的感受及创造美的能力；提高学生自身的艺术修养。
2学情分析
本课面向八年级学生，在前阶段的学习中，学生已经基本掌握了制作网站的方法，能独立完成简单网站的制作。此时，他们一定非常兴奋，充满成就感，正是教师引导他们继续丰富网页，让网页更加精彩的好时机。学生将会积极主动地去探索进一步美化网站的方法。
3重点难点
【教学重点】
（1）设置网页背景；
（2）添加背景音乐；
（3）插入Flash动画。
【教学难点】
（1）选择符合网站主题与风格的背景、音乐；
（2）了解插件的概念，学会在网页中插入Flash动画。
4教学过程
活动1【导入】回顾整理 导入新课
【师】上堂课，同学为自己的网页添加了超级链接，实现了页面之间的跳转，网站作品已经初见雏形。很多同学的作品都非常精彩、有个性。我挑出了自己最喜欢的一个作品，并且进行了加工，请同学们欣赏比较，看看网页发生了哪些变化？
【生】认真观看、比较。
【生】回答问题。（背景、音乐和动画）
【师】这节课，就让我们一起为网页添加背景、音乐和动画，将网页变得更具吸引力。
活动2【活动】激发引导 探索新知
（一）添加背景，突出风格
【师】展示范例，引导同学们为自己的网站主页添加背景（提示可借鉴单元格背景的设置方法或参考课本63页）。
【生】自主探究添加网页背景的方法。
【师】巡视指导。（2分钟后安排同桌相互交流）
【生】同桌交流。
【师】选择有代表性的两个作品展示，引导学生比较思考，你更喜欢哪位同学设置的背景，为什么？
【生】学生回答。（应该选用浅色背景，不影响网页内容的浏览。）
【师】选择有代表性的两个作品展示，引导学生比较思考，你更喜欢哪位同学设置的背景，为什么？
【生】学生回答。（小图案更适合做背景，大图案会影响网页的布局和美观。）
【师】展示两位学生的作品，引导学生比较思考，两位同学添加的背景有什么不一样？
【生】学生回答。（一个使用的是图片，一个使用的是颜色）
【师】提问：如果网页同时设置了颜色和图片作为背景，网页最后呈现的效果会怎样？
【生】操作、回答。（显示图片，颜色会被遮掉。）
【师】展示两位学生的作品，引导学生比较思考，你觉得哪位同学设置的背景更适合，为什么？
【生】学生回答。（添加与网站风格匹配的网页背景，能使网站风格更加突出。）
【师】总结：
设置合适的背景能让网站风格更突出，为网站增色。背景的设置方法虽然简单，但要设置合适的背景还需要我们多思考到尝试。我们总结出以下几点需要注意的地方：
①宜选择浅色背景；②小图案更适合做背景；③背景图片需要符合网站风格。
【师】给同学几分钟将自己的背景设置的更合理。
（二）添加音乐，有声有色
【师】展示范例，引导同学为自己的网站主页添加背景音乐（可参考课本64页）。
【生】尝试添加背景音乐。
【师】巡视指导。（2分钟后安排同桌相互交流）
【生】同桌交流。
【师】提问：你在添加背景音乐的过程中遇到了什么问题或有什么发现？
【生】wav和mid格式可以使用，mp3格式的音乐没法用。
【师】提问：如果我希望背景音乐只播放一次该如何操作？
【生】一位同学上台演示。
【师】老师也为自己的网站添加了背景音乐，同学们听一听，这个音乐适合这个网站吗？为什么？
【生】回答问题。（不适合，不符合网站的主题。）
【师】总结：
①给网站添加音乐时不能只考虑个人的喜好，要选择符合网站主题的音乐。
②注意背景音乐的格式：MP3格式无法使用，一般我们使用wav和mid格式。
（三）添加动画，画龙点睛
【师】展示范例，引导学生为自己的网站添加flash动画。（可参考课本64页）
【生】尝试添加flash动画。
【师】巡视指导。（2分钟后安排同桌相互交流）
【生】同桌交流。
【师】请一位同学演示添加flash动画的方法。（有一定难度，需要演示讲解）
【生】认真观看演示操作。
【师】浏览网页时，你有看到flash动画吗？要注意什么？
【生】要在弹出的提示框中，允许插件的播放。
【师】请同学们完成Flash动画的添加。
【生】操作。
【师】总结：
在网页中插入一些小动画可以使页面生动活波，起到画龙点睛的作用。
活动3【练习】加强巩固 灵活应用
【师】完成剩下页面的背景、音乐以及动画的添加。
【生】完成老师布置的任务，并提交作品。
活动4【活动】展示交流 相互评价
【师】展示几位学生有特色的作品，引导学生对背景、音乐、flash动画各项操作进行评价，适当加入自己的评价。
【生】比较自己的网页与其他人的网页，总结可以改进的地方，并说说为什么。
活动5【活动】总结梳理 主题升华
【师】请学生回顾本节课知识点。
【生】回顾本节课所学内容。
【师】通过本节课的学习，我们掌握了通过添加背景、音乐以及flash动画充实网页，美化网页的方法。
设置合适的背景能让网站风格更突出，为网站增色。在添加背景时我们要注意以下几点：①宜选择浅色背景；②小图案更适合做背景；③背景图片需要符合网站风格。
给网站添加音乐时不能只考虑个人的喜好，要选择符合网站主题的音乐。MP3格式无法使用，一般我们使用wav和mid格式。
在网页中插入一些小动画可以使页面生动活波，起到画龙点睛的作用。