苏科版八年级全册7 给网页增加动感效果教学设计

这是一份苏科版八年级全册7 给网页增加动感效果教学设计，共2页。
课题：第2节 制作网站：给网页添加动感效果
课标要求
本节内容属于网站制作的美化部分，对于学生来说，这部分的内容生动活泼是对他们前段时间所有的学习的一个巩固，学生很有兴趣，做好后也很有成就感。 a:u[)C;S/
学习
目标
1.理解动态网页与网页动态效果的区别。
2.掌握网页动态效果的制作的技巧。
3.能在网页设计时根据需要适当加入flash影片、滚动字幕、交互式按钮等特效；培养学生网页设计的审美能力、互动协作能力、创新能力。
学习
重点
滚动字幕、交互式按钮等动态效果的制作与Flash的插入。
学习
难点
各种效果对象的属性设置。
学情分析
学生在前面的学习中，已经学会了如何制作网页，按照书本上的要求也制作出了两张网页，学生对自己的劳动成果感到了满意，对自己也充满了信心。所以他们急于把网页增添动态效果，有了较强的学习的主动性。 ?vr`Ve0A
学生课前活动
供本节课程学习要点，让学生了解本节课的教学实施方案及有关教学的基本信息。提供相关资源检索、参考书目、相关网站、导航帮助等。
学生自主学习内容
提供本节知识点的内容详解和相应操作指导。操作指导部分是事先用Flash CAM录制的示范操作过程。学生如有知识盲点可以点击查看相关内容——获得即时的帮助。另设优秀网页展示园地，供学生学习和欣赏。
学生合作学习内容
提供多样化的交互方式。讨论区、BBS、基于文本和图像的电子白板等方式，实现协作交流。学生机上设置共享文件夹，把设计好的网页保存至该文件夹下，其他学生通过网上邻居即可实现对该网页的访问。
教学过程：
授课人：
（二次备课）
教师活动：
一：引入课题
对比网页：观察三个网页（无任何修饰的网页、有图片单元格背景的网页、有基本动态效果的网页）。
二：创作作品
本课的任务：
①装修无任何修饰的网页；
②要求在网页中使用三种以上动态效果，并能设置相应的属性；
在因特网和校园网中搜索素材，使用在线帮助。
三：观摩讨论、分组评选
学习时间分配：
作品创作20分钟；
小组观摩评选5分钟；
总结展示作品10分钟。
思考：字幕若改为从下往上？鼠标移上停止滚动？（充分利用因特网自主学习）
①如何加入javascript脚本实现网页的动态特效？
②巡视辅导、参与讨论、个别指导。
将班级分成5人一组，先组内推选优秀作品1-2个，再组间评选
四：总结评价展示作品
参与评论
教师对网页中的优点和不足作点评，对具有创新意识的设计给予表扬。
学生活动：
一：①根据任务，利用因特网和校园网资源库，搜索与主题相关的动画；
②点击在线帮助，“各取所需”，学习一些必要的知识和操作方法；
③有基础的同学，思考一些常用特效如何加入网页中？
①按小组交流作品；
②每小组评选一个较有特色的作品在全班展示；
③自我评价：你的网页可以得________分。你认为小组比较好的网页有_______________。
①展示各小组代表作品；
②学生参与评论，班级中比较好的网页有 ；
巩固练习设计与反馈评价
对自己的作品进行“润色”修改。
补偿
措施
教学
后记