1、制作多媒体网页制作多媒体网页 在网页中插入 flash 动画及背景音乐 一一、教学背景分析教学背景分析 多媒体网页的制作是初中（八年级下）信息技术课本第三章的最 后一节内容，也是最能体现学生信息整合能力和创作能力的一节课， 同时也是本章的重点。教材中本课的知识内容起点较高，要求学生能 够熟练一些制作网页的技巧，并能够制作一些简单的网页；由于有了 前面学习网页的基础知识作为铺垫，对于网页中文字的输入、图片插 入、表格插入等基础操作已经掌握了，涉及到这些内容就可以完全放 手让学生自主完成，不必教师面面俱到的讲解，只需要教师做一个细 致的引导。 教学中发现教材中给出的案例并不能够引发学生浓厚的学习兴
2、 趣，僵化传统的讲授法教学不利于激发学生兴趣，对于学生各方面能 力的培养也有一定局限性， 为了充分发挥学生自己的信息整合能力和 动手能力，展现他们自己的个性和兴趣，因此准备将教材中案例做以 调整， 让学生在课前自己动手从网上下载所喜欢的 Flash 动画素材 （主 题明确） ，这样更贴近学生的生活，以期提高他们的学习兴趣，提升 学生网页制作的实际操作能力。 二二、教学目标教学目标 a.知识与技能：知识与技能： 1学会简单的使用辅助设计工具（绘制层）定位网页元素。 2掌握在网页中插入 Flash 动画文件，并学会设置 Flash 动画背景 为透明的参数方法，以控制动画的播放效果。 3学会通过输入
3、代码的方式为网页添加背景音乐。 b.过程与方法：过程与方法： 通过教师的引导，学生能够积极的动脑思考、合作交流与实践操 作，体验和感悟探究的一般过程； c.情感态度与价值观：情感态度与价值观： 在完成用 Flash 动画完善首页的制作过程中，培养学生艺术想象 能力、自主学习和合作探究的学习能力，让学生感受到成功的喜悦和 快乐。 三三、教学重点教学重点 难点：难点： 重点：在页面中借助绘制层辅助设计工具插入 Flash 动画且能够 灵活的定位； 而设置动画的背景为透明属性时， 重点在于参数的设置。 难点：在页面中嵌入背景音乐； 四四、教学方法教学方法 任务驱动； 教师讲授、引导、辅导； 学生自主
4、探究、合作学习； 五五、教学过程、教学过程 环节一：环节一：新课新课导入导入 导语：随着现代科学技术的日新月异，当今的互联网也得到了迅 猛的发展；人们利用网络就可以足不出户浏览到世界各地的信息，我 们在浏览网页时，常常会被一些制作精美的网站所吸引，那么这些精 美的网站到底有什么样其独特的魅力能够吸引这么多人的目光呢？ 接下来首先我们一起来欣赏一个优秀的网站作品； 教师提问： 在这样的一个页面中与传统的最普通的页面相比较而言，除了有 文本和图像这两种元素， 还添加了哪些多媒体元素？给我们带来哪些 不一样的感受？ 学生讨论并回答： 在这个样例作品的首页中，添加了多种多媒体元素：背景音乐、 Flas
5、h 动画、视屏等元素； 教师引导：首先听到的是背景音乐，于此同时学生看到了这两个 显眼的动画，并指出了这 2 个 flash 动画，页面效果给我们一种耳目 一新的感觉； 总结总结： 一个优秀的网站可以综合的应用多种多媒体元素来增强页 面的表现力，丰富我们的页面效果；给浏览者留下一个深刻的印象。 （通过展示优秀的作品，引起学生的注意力并让学生带着问题思考， 这样可以引起学生的学习兴趣； ） 环节二：自主学习、任务驱动；环节二：自主学习、任务驱动； 教师：以端午节为主题，教师展示完整的作品；要完成最终的页 面效果，接下来根据老师提供的简学案以及各类素材，自主完成以下 任务； （1）在在 Dream
6、weaver 中创建站点；中创建站点； （2）借助表格对页面进行初步的布局并插入背景图片）借助表格对页面进行初步的布局并插入背景图片； 学生活动：在学生机上自己根据教师提供的简学案自主完成任 务，同桌之间可以相互讨论，个别基础稍薄弱、比较慢的同学可以寻 求帮助，小组长下来巡视指导检查，要求每一位成员必须完成操作； 教师巡视参与指导学生操作，对个别学生进行辅导； （以“兵教兵”传帮带的形式消除那些基础稍薄弱、比较慢的同学， 为下个一环节的任务做好铺垫； ） 环节三：合作交流、探究新知；环节三：合作交流、探究新知； 探究新知（一） ：在网页中插入探究新知（一） ：在网页中插入 flash 动画动画
7、 教师带着学生仔细观察网页中的 Flash 动画，并提出问题： 如何将收集好的 flash 动画添加到自己的网页中？ 教师精讲（在投影上操作演示） ： （1）借助辅助设计工具（绘制层）借助辅助设计工具（绘制层）定位网页元素；定位网页元素； （2）在绘制图层中插入在绘制图层中插入 Flash 动画文件；动画文件； 强调：使用绘制层的目的是为了灵活的定位页面元素，将我们 收集好的 Flash 动画素材插入到绘制图层中； 学生活动： 教师一边讲解一边操作演示，学生自己动手操作练 习；要求组内所有成员必须完成上述操作，同组学员之间可以相互讨 论、交流学习，组长巡视指导并检查，确保每一位成员都能完成上述
8、 操作任务； 教师：完成以上操作任务后，在 IE 浏览器中预览测试页面效果， 讨论后举手回答老师你所发现的问题有哪些； 学生回答： 网页中 Flash 动画的位置出现了偏差、大小也不合适； Flash 动画的背景为黑色，有遮挡； （让学生自己发现问题，既能提高学生的学习积极性，又能使学生在 表达能力等方面得到锻炼； ） 教师带着学生一起分析讲解任务：如何调整 Flash 动画的位置及 大小的调整，怎样设置 Flash 动画的背景为透明； 教师精讲（在投影上操作演示） ： （三）（三）Flash 动画位置的调整及大小的设置；动画位置的调整及大小的设置； （四）通过设置（四）通过设置 Flash
9、动画的参数将其背景调整为透明；动画的参数将其背景调整为透明； 强调：Flash 动画的位置取决与绘制层的位置，通过调整绘制层 将其动画放置在页面中合适的区域；而 Flash 动画的大小则通过自身 的控制点进行调整的；动画背景调整为透明需设置其参数； 学生活动： 教师一边讲解一边操作演示，学生自己动手操作练 习；要求组内所有成员必须完成上述操作，同组学员之间可以相互讨 论、交流学习，组长巡视指导并检查，待学生完成后，师生共同总结 其方法； 在 IE 浏览器中反复预览测试页面效果，最终完成预设效果。 练习：给出两个制作好的且有难易之分的动画效果作为参考； 分别布置两个不同难度的任务，学生可以根据自
10、己的情况挑选任务； 进一步巩固复习； 同样学生之间可以相互讨论，相互交流；待学生完成任务后，请 先制作完成的同学上来操作演示， 在此过程中有问题的学生及时纠正 自己的错误，没有问题的同学进一步完善页面效果；最后师生共同总 结。 （虽然分组合作，但学生仍然存在差异，布置两个不同难度的练习， 在完成基础的操作任务之上， 有能力的同学可以进一步完善自己的作 品；这样分层次的任务安排可以让每个学生都有事可做） 探究新知（二） ：在网页中添加背景音乐探究新知（二） ：在网页中添加背景音乐 教师：大家已经掌握了在页面中插入 Flash 动画的方法，接下来 我们继续完善页面效果，如何为页面添加背景音乐呢？
11、精讲（在投影上操作演示） ： 通过输入代码添加背景音乐通过输入代码添加背景音乐 强调： 在 Dreamweaver 界面中切换到拆分视图窗口， 将光标定位 到标签之前的位置，在光标所处的位置输入如下的代码： （找到素材中的音乐） 。 学生：自己操作完成在页面中添加声音素材，并保存测试页面的 声音效果； （教师操作演示并下来巡视指导，学生可以相互讨论，待学生操作完 成后师生共同总结插入背景音乐的方法） 环节四：作业布置及课堂小结环节四：作业布置及课堂小结 小结 （师生） ： 通过本节课的学习我们掌握了在 Dreamweaver 中借 助辅助设计工具 （绘制层） 来定位页面中的元素； 在页面中插入
12、 Flash 动画时，应注意参数的设置（背景透明） ；学会了为页面嵌入背景音 乐。 作业作业： 教师：在白板中展示另一个制作完成的作品，让学生观察该作品 与先前的作品相比较，这个作品中的页面多了哪些效果？ 师生：在展示的页面效果中多添加了三个 Flash 动画，并且动画 是相互叠加在一起的，与先前的单个 Flash 动画效果相比较，页面效 果更加丰富；在页面中插入多个 Flash 动画，这样一个新的挑战就成 为我们的课下作业。 （展示作品是为了拓展学生的眼界，继续激发学生的学习兴趣，为下 一节课做铺垫） 教学反思：教学反思： 本课是一个很能够激发学生的学习兴趣和创作激情的内容，所 以课程的导入
13、能否吸引学生的注意力至关重要； 本人在教学中发现课 本中的知识已不能满足一个初中生对知识的需求， 因此在教学中就需 要对课本的知识进行不断地扩充，需要对教材中的案例进行了调整， 这样更加能够激发学生浓厚的学习兴趣， 在实际教学中我的这一想法 也得到了验证，教学效果良好。 在课堂教学过程中， 有些教学环节中所涉及到前面学习过的知识 内容，应放开学生，尽量给学生足够的时间和空间去学习和发挥自己 的想象力，但是注意时间的掌控，对学生的把握要有的放矢。注意本 学科学生的知识与操作技能参差不齐， 应从学生的实际情况出发， 考 虑到学生存在的差异性，进度要适合学生的知识水平和接受能力；应 考虑在教学过程中有必要分层教学，这样才能发挥每个学生的积极 性，使他们的才能都得到充分的发展。 因课前已考虑到学生实际情况的缘故，所谓“亲其师，信其道” ， 上课前通过小游戏与学生们互动拉近师生距离， 课堂的活跃程度比预 期想象的好， 但还是没能充分调动学生的情绪， 能力有待进一步提高。
