动态效果添精彩

1、 第八课：动态效果添精彩一、教学内容：本课是小学信息技术六年级上册第二单元第8课的教学内容，该内容是本单元（网页制作进阶）的第二课，目的是让学生学会添加横幅广告效果，能够设置网页的过渡效果，掌握设置DHTML效果的操作，体验复制代码做特效的方法，进一步提升制作网页展示自我的能力。二、教学目标：1、知识与技能： （1）学会添加横幅广告效果；（2）能够设置网页的过渡效果；（3）掌握设置DHTML效果的操作；（4）体验复制代码做特效的方法；2、过程与方法：运用讲解、探究、演示和合作练习等教学方法，指导学生为网页添加动态效果；3、情感态度与价值观：（1）培养学生团结协作精神以及和他人相处能力；（2）激

2、发学生的创作欲望和创新精神；（3）激发学生学习信息技术的信心和兴趣；（4）进一步提升制作网页展示自我的能力；三、教学重、难点：重点：1、学会添加横幅广告效果，能够设置网页的过渡效果； 2、掌握DHTML效果的操作，体验复制代码做特效的方法；难点：能够选择合适的动态效果添加到网页中，使网页更具欣赏性；四、教学准备：教师课件、教学光碟五、教学课时安排：二课时六、教学过程： 1、新课导入：A、有特色的网站还会在网页中添加许多动态效果，以提高网页的吸引力，让我们来欣赏一些添加了动态效果的网页吧！（教师进行网页展示）B、同学们想不想为自己的网页添加动态效果？（引出课题）2、新课教学：（1）添加横幅广告效

3、果A、播放光碟，学生观看添加横幅广告效果的操作过程；B、设置任务一：选择合适的图片，把小组的主页标题改成横幅广告效果，保存并浏览其效果；C、学生操作，教师巡视，个别指导；D、教师介绍：利用GIF Animator软件吧图片制作成GIF动画，然后把动画插入网页中，也能动态演示图片。有兴趣的小组可以尝试看看，从动态演示效果和修改的便利性出发，小组交流一下这两种方法的优势。 （2）设置网页过渡效果 A、教师讲解：单击网页中的超链接打开另一个网页时，可以根据需要设置网页过渡效果，以增强浏览过程的流畅性和生动性。 B、播放光碟，学生学习如何设置网页过渡效果； C、设置任务二：为自己的网页设置合适的过渡效

4、果； D、学生操作，教师巡视，个别指导；（3）设置DHML效果A、教师讲解：与设置幻灯片中的图文动画类似，制作网页时，也可以指定网页中图片和文字的动态演示效果；B、播放光碟，学生学习如何设置DHML效果；C、设置任务三：为自己的网页设置合适的DHTML效果；D、学生操作，教师巡视，个别指导；E、教师说明：“网页加载”动态HTML效果有可能受网页过渡效果的影响而无法正常展示，实际操作时要根据需要加以取舍。（4）复制代码做特效A、教师讲解，制作网页时，也可以通过添加代码的方法，给网页增加动态效果；B、播放光碟，学生学习如何复制代码做特效；C、设置任务四：使用代码为自己的网页添加特效；D、学生操作，

5、教师巡视，个别指导；E、教师说明：以“网页特效”为关键字，可以在因特网中搜到各种特效代码；（7）读一读DHTML是JavaScript、CSS以及HTML等多种技术的结合体，利用它可以制作具有各种动态效果的精美网页。FrontPage的“DHTML效果”工具栏中提供了一些利用DHTML技术实现的动态效果，这样一来，开发人员无需编写代码，就可以向网页中添加动态效果。需要注意的是，适当地添加动态效果，可以使网页生动活泼，但添加的动态效果过多，会让浏览者眼花缭乱，反而会带来不好的浏览效果。七课堂总结：大家学到了什么？有什么收获？感受如何？八、实践活动：1、你知道哪些添加动态效果的方法？说说他们的特点和用途。2、为小组网站中的网页添加适当的DHTML效果，尝试用复制代码的方法添加适当