第十六课 让网站有声有色 教学设计 (1)
文档属性
| 名称 | 第十六课 让网站有声有色 教学设计 (1) |  | |
| 格式 | zip | ||
| 文件大小 | 11.8KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 浙教版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2016-10-13 14:14:40 | ||
图片预览
文档简介
第十六课
让网站有声有色
教学设计
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是最佳选择。
【师】添加“第五交响乐”，这样的音乐适合这个网站吗？
【生】回答问题。（不适合）
【师】给网站添加音乐时要选择符合网站主题的音乐。
（四）添加动画，画龙点睛
【师】再看看老师的网站，这时候又多了什么？
【生】回答问题（一个动画）
【师】这是一个flash的小动画，加入网页中，能够起到画龙点睛的作用。请同学完成对其的添加。
【生】尝试添加flash动画。
【师】演示添加flash动画的方法（根据学生情况，大部分都不会做）
【生】认真观看演示操作。
【师】浏览网页时，你有看到flash动画吗？要注意什么？
【生】要在弹出的提示框中，允许插件的播放。
活动3【活动】三、巩固新知 交流评价
【师】完成剩下页面的背景、音乐添加，并将老师刚上课时放的那段视频，插入到老街掠影中。
【生】完成老师布置的任务。
【师】展示几位学生有特色的作品，对背景、flash动画添加位置等并进行评价。
【生】比较自己的网页与其他人的网页，总结可以改进的地方。
活动4【练习】四、课堂小节 主题升华
师】请学生回顾本节课知识点。
【生】回顾本节课所学内容。
【师】通过本节课的学习，我们更加了解了临海的紫阳古街，像这样的传统文化，已经离我越来越远了，所以老师希望大家能够重视这些属于我们的故乡文化，做文化的传承者、继承者。
让网站有声有色
教学设计
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是最佳选择。
【师】添加“第五交响乐”，这样的音乐适合这个网站吗？
【生】回答问题。（不适合）
【师】给网站添加音乐时要选择符合网站主题的音乐。
（四）添加动画，画龙点睛
【师】再看看老师的网站，这时候又多了什么？
【生】回答问题（一个动画）
【师】这是一个flash的小动画，加入网页中，能够起到画龙点睛的作用。请同学完成对其的添加。
【生】尝试添加flash动画。
【师】演示添加flash动画的方法（根据学生情况，大部分都不会做）
【生】认真观看演示操作。
【师】浏览网页时，你有看到flash动画吗？要注意什么？
【生】要在弹出的提示框中，允许插件的播放。
活动3【活动】三、巩固新知 交流评价
【师】完成剩下页面的背景、音乐添加，并将老师刚上课时放的那段视频，插入到老街掠影中。
【生】完成老师布置的任务。
【师】展示几位学生有特色的作品，对背景、flash动画添加位置等并进行评价。
【生】比较自己的网页与其他人的网页，总结可以改进的地方。
活动4【练习】四、课堂小节 主题升华
师】请学生回顾本节课知识点。
【生】回顾本节课所学内容。
【师】通过本节课的学习，我们更加了解了临海的紫阳古街，像这样的传统文化，已经离我越来越远了，所以老师希望大家能够重视这些属于我们的故乡文化，做文化的传承者、继承者。