第十六课 让网站有声有色 教学设计 (2)

第十六课 让网站有声有色 教学设计 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格式的 ... ...