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

第十六课 让网站有声有色 教学设计 1教学目标 一、知识与技能 （1）学会设置网页背景。 （2）掌握添加背景音乐的方法，了解不同的音乐格式。 （3）初步掌握Web组件中插件的使用，能够通过插件来插入flash动画。 二、过程与方法 通过印象江南的视频引出主题，采用学生主体探究，教师主导的教学形式，在明确本课任务后由学生自主探究，教师对几步关键操作加以讲解。学生在完成网页后，进行作品的展示和评价。最后加以课堂小结，突出主题，实现对学生的情感教育。 三、情感、态度与价值观 通过本次课的学习，能够激发学生对故乡文化的兴趣，同时引起他们对类似紫阳街这样正在行走在消逝中的文化的重视，从而使他们产生尊重文化、了解文化、传承文化的共鸣。 2学情分析 本课面向八年级学生，在前阶段的学习中，学生已经完成了网站首页以及分页面的制作，并为各页面之间建立起了超链接。此时他们一定对于如何让网页更加精彩而束手无策，通过本课对背景、音乐、flash动画的添加学习，能让学生产生兴趣，进而积极地去美化他们的网站。 3重点难点 【教学重点】 （1）设置网页背景； （2）添加背景音乐； （3）插入Flash动画； 【教学难点】 （1）为网页选择符合主题的背景、音乐； （2）了解插件的概念，学会对插件的应用。 4教学过程 活动1【导入】一、创设情境　引入教学 【师】播放《印象江南》的视频。 【生】认真观看视频。 【师】视频中放的是什么地方？ 【生】回答问题。（紫阳古街） 【师】那谁知道紫阳古街的名字由来？谁又知道紫阳街的历史故事？ 【生】回答问题。（不知道） 【师】这节课，就让我们一起走进紫阳街，感受这条沧桑老街的点点滴滴。 活动2【讲授】二、分析过程　探索新知 （一）紧急维护，温故知新 【师】老师展示的这个紫阳古街网站，有几个栏目？ 【生】回答问题（5个，分别是首页、老街历史、老街掠影、美食天地、游客笔记） 【师】粗略浏览各个分页，浏览到美食天地时，发现无法显示，请同学尝试解决问题。 【生】分析问题原因所在，并尝试解决。 【师】请同学上来演示，如何解决。 【生】重新对超链接进行设置。 （二）添加背景，色彩飞扬 【师】展示网站范例，提问：这和刚才同学们手中的网站，有什么区别？ 【生】回答问题。（背景色，还有音乐） 【师】指引同学们先对网页背景进行添加，将学生分为四组，根据本课任务中的要求，完成各小组的任务，看看哪小组完成的最快（提示可借鉴单元格背景的设置方法）。 【生】自主探究添加网页背景的方法。 【师】请A组同学上来演示如何添加背景。 【生】认真看同学的演示。 【师】用教师端控制B组的一个学生，比较A组和B组，你更喜欢哪组，有什么发现？ 【生】学生回答。（B组更好，应该选用浅色背景，不影响网页内容的浏览） 【师】再请C组同学上来演示。 【生】区别两位同学添加背景的方法。 【师】我们可以看到有两种方式为我们的网页添加背景：图片和颜色。那再思考：从C组和D组的结果中，我们能得出什么结论？ 【生】回答问题。（不要用大图案的背景，影响网页的布局和美观）。 【师】给同学几分钟将自己的背景设置的更合理，完成的同学先探究下，刚才听到的音乐是如何添加的。 （三）添加音乐，声动老街 【师】有两个高山流水，同学们你们添加了哪个？请同学上来演示添加mid格式。 【生】认真看同学演示。 【师】听听mid格式放出的音乐。 【生】听mid格式的高山流水。 【师】添加wav格式的高山流水，预览网页。 【生】比较wav和mid放出来的音乐有什么不一样。 【师】讲解wav和mid在容量和音质上的区别。 【生】了解mid是最佳选择。 【师】添加“第五交响乐”，这样的音乐适合这个网站吗？ 【生】回答问题。（不适合） 【师】给网站添加音乐时要选择符合网 ... ...