浙教版 信息技术 八年级上 第十六课 让网站有声有色 课程教学设计

第十六课让站有声有色一．教学目标知识与技能（1学会设置网页背景，体会网页属性设置方法的多样性。（2掌握添加背景音乐的方法，了解不同的音乐格式。（3初步掌握Web组中插件的使用，能够通过插件来插入flash画。过程与方法通过展示学生优秀作品以及教师美化后的作品学生观察发言引出主题采用学生主体探究教主导的双主互动探究教学形式明确本课任务后由学生自主探究师时关注引导。学生在完成网页后，进行作品的展示和评价。最后加以课堂小结，突出主题，实现对学生的情感教育。情感、态度与价值观通过本次课的学习提学生美网页修饰网页的能力培养学生对美的感受及创造美的能力；提高学生自身的艺术修养。二．重点难点【教学重点】（1设置网页背景；（2添加背景音乐；（3插入Flash动。【教学难点】（1选择符合网站主题与风格的背景、音乐；（2了解插件的概念，学会在网页中插入动。三．教学过程活动【导入】回顾整理导新课【师上课同为自己的网添加了超级链接，实现了页面之间的跳转，网站作品已经初见雏形很同学的作品都非精彩有个性我挑出了自己最喜欢的一个作品，并且进行了加工，请同学们欣赏比较，看看网页发生了哪些变化？【生】认真观看、比较。【生】回答问题。（背景、音乐和动画）【师】这节课，就让我们一起为网页添加背景、音乐和动画，将网页变得更具吸引力。

活动【活动】激发引导探新知（一）添加背景，突出风格【师展范例引同学们为自己的网站主页添加背提示可借鉴单元格背景的设置方法或参考课本63页。【生】自主探究添加网页背景的方法。【师】巡视指导。（分钟后安排同桌相互交流）【生】同桌交流。【师】选择有代表性的两个作品展示，引导学生比较思考，你更喜欢哪位同学设置的背景，为什么？【生】学生回答。（应该选用浅色背景，不影响网页内容的浏览。）【师】选择有代表性的两个作品展示，引导学生比较思考，你更喜欢哪位同学设置的背景，为什么？【生】学生回答。（小图案更适合做背景，大图案会影响网页的布局和美观。）【师】展示两位学生的作品，引导学生比较思考，两位同学添加的背景有什么不一样？【生】学生回答。（一个使用的是图片，一个使用的是颜色）【师】提问：如果网页同时设置了颜色和图片作为背景，网页最后呈现的效果会怎样？【生】操作、回答。（显示图片，颜色会被遮掉。）【师展两位学生的作品，引学生比较思考觉得哪位同学设置的背景更适合为什么？【生】学生回答。（添加与网站风格匹配的网页背景，能使网站风格更加突出。）【师】总结：设置合适的背景能让网站风格更突出网站增色背景的设置方法虽然简单但设置合适的背景还需要我们多思考到尝试。我们总结出以下几点需要注意的地方：①宜选择浅色背景；②小图案更适合做背景；③背景图片需要符合网站风格。【师】给同学几分钟将自己的背景设置的更合理。（二）添加音乐，有声有色【师】展示范例，引导同学为自己的网站主页添加背景音乐（可参考课本6页。【生】尝试添加背景音乐。【师】巡视指导。（分钟后安排同桌相互交流）【生】同桌交流。

【师】提问：你在添加背景音乐的过程中遇到了什么问题或有什么发现？【生】wav和式可以使用，格的音乐没法用。【师】提问：如果我希望背景音乐只播放一次该如何操作？【生】一位同学上台演示。【师老也为自己的网站添加背景音乐学们听一听这个音乐适合这个网站吗？为什么？【生】回答问题。（不适合，不符合网站的主题。）【师】总结：①给网站添加音乐时不能只考虑个人的喜好，要选择符合网站主题的音乐。②注意背景音乐的格式：MP3格式无法使用，一般我们使用wav和格。（三）添加动画，画龙点睛【师】展示范例，引导学生为自己的网站添加动。（可参考课本64页【生】尝试添加动。【师】巡视指导。（分钟后安排同桌相互交流）【生】同桌交流。【师】请一位同学演示添加动画的方法。（有一定难度，需要演示讲解）【生】认真观看演示操作。【师】浏览网页时，你有看到动吗？要注意什么？【生】要在弹出的提示框中，允许插件的播放。【师】请同学们完成Flash动的添加。【生】操作。【师】总结：在网页中插入一些小动画可以使页面生动活波，起到画龙点睛的作用。活动【练习】加强巩固灵应用【师】完成剩下页面的背景、音乐以及动画的添加。【生】完成老师布置的任务，并提交作品。活动【活动】展示交流

相互评价【师】展示几位学生有特色的作品，引导学生对背景、音乐flash动画各项操作进行评价，适当加入自己的评价。【生】比较自己的网页与其他人的网页，总结可以改进的地方，并说说为什么。

活动【活动】总结梳理主升华【师】请学生回顾本节课知识点。【生】回顾本节课所学内容。【师】通过本节课的学习，我们掌握了通过添加背景、音乐以及动充实网页，美化网页的方法。设置合适的背景能让网站风格更突出网站增色在加背景时我们要注意以下几点①宜选择浅色背景；②小图案更适合做背景