给网页添加动感效果.doc

《给网页添加动感效果.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《给网页添加动感效果》教学设计一、教学内容与教学对象分析《给网页添加动感效果》这部分教学内容是在学生学习了认识FrontPage、创建网站和制作首页、应用表格布局网页结构之后学习的，主要涉及添加滚动字幕、制作交互式按钮、插入Flash动画，从而为学生最终制作出丰富多彩、赏心悦目的网页作品奠定基础。教学对象为初中八年级学生。他们初步了解了FrontPage菜单下的一些常用命令、常用工具栏和格式工具栏上各个功能图标的位置，掌握了网站、网页的创建和修改，表格布局网页结构等操作方法。学生思维活跃、协作及操作能力较强，在教师的引导下，能自主探索、获取知识。二、教学目标知识与技能

2、：了解给网页添加动感效果在网页制作中的意义和作用；能熟练地给网页添加滚动字幕，以及制作交互式按钮；能够在网页中插入Flash动画并对网页布局进行简单调整。过程与方法：在自主学习、小组讨论合作的过程中完成任务，掌握给网页添加三种动感效果的操作步骤。情感、态度与价值观：在小组探究活动中培养相互合作的精神；通过网页三种动感效果的添加，培养良好的审美情趣及创新意识。三、教学重点与难点重点：在网页中插入滚动字幕、交互按钮和Flash动画。难点：学会插入和调整Flash动画的基本方法。四、教法与学法分析教法：自主探究、学生演示和任务驱动。学法：(1)自主学习法。教学重点部分引导学

3、生通过自主操作完成，可以培养他们的独立探索能力。（2）协作学习法。学生通过小组合作，突破插入Flash动画的难点，进一步提高团体协作能力。五．媒体运用多媒体机房、投影仪、多媒体教学软件以及教学课件。六、教学过程41.创设情境确定目标师：同学们，老师给你们带来了两个网页作品，请你们来做个裁判，评一评哪个网页作品更漂亮，为什么？老师展示两个内容相同的网页作品，但是第一个网页作品是静态的，而第二个网页作品带有动感效果。学生在观察的基础上讨论，最后教师归纳总结，确定学习目标。师：第一个网页作品是静态的，第二个网页作品不仅有滚动字幕，而且有交互式按钮，其中还插入了Flash动画

4、，使网页的层次分明，效果突出。这节课我们将运用FrontPage，将第一个静态网页，制作成具有动感效果的网页作品，把网页变得更美观。教师板书：给网页添加动感效果——添加滚动字幕、制作交互式按钮、插入Flash动画。2.任务驱动自主探究任务一：给静态网页添加滚动字幕师：滚动字幕可以给网页增加生动的形象。想要网页吸引人，我们必须先学会这个本领：给网页添加滚动字幕。老师出示任务：给静态网页添加滚动字幕。师：请同学们看书第68页自学，并尝试操作。学生自主学习，老师巡视指导。师：谁愿意与大家分享自己的劳动成果？学生边演示边讲解操作过程。根据交流反馈，学生对作品进行补救。师：哪位

5、同学有操作不成功的经历？为什么不成功？你能给其他同学提个醒吗？仍然无法操作成功的同学也可以向同学和老师求助。教师出示任务：将滚动字幕的“方向”设置为“左”，“表现方式”设置为“滚动条”，文本内容为“欢迎来到我的网站”。学生尝试操作。师：在操作成功以后，同学们可以尝试其他的“方向”和“表现方式”，在操作中你觉得哪种效果好，你就用哪种。4任务二：制作交互式按钮师：在FrontPage中，可以制作像第二个网页作品中的交互式按钮，请同学们试试看这些交互式按钮的作用。最先完成的同学请举手，看看哪位同学又快，又准确，哪一组最先完成。老师出示任务：探索交互式按钮的作用。小组探索任务

6、，教师巡视指导。师：请最快的一组担任评委，请做得快的同学回答交互式按钮的作用。（当单击交互式按钮时，它会链接到另一个页面）师：请同学们看书第69页自学，并尝试操作。学生自主学习，老师巡视指导。师：有没有同学制作成功的？你来给大家做个演示吧。学生边演示边讲解操作过程。根据交流反馈，学生对作品进行修改。教师出示任务：在第一个作品中制作三个交互式按钮，并学会将交互式按钮链接到其他的网页上。学生练习巩固。教师归纳：制作交互式按钮的操作步骤和添加滚动字幕基本相同，我们可以通过制作交互式按钮，很方便地把多个网页链接在首页上，给我们网页的设计带来了方便。任务三：插入Flash动画师

7、：要使网页的版面更漂亮、更有风格，就离不开Flash动画的点缀。教师出示任务：插入Flash动画。教师边演示操作过程，边讲解要点。学生动手操作。师：掌握的同学，可以自由插入Flash动画。学生完成后展示，教师适当评价。学生看书自学，并分小组探究操作方法。师：哪一组愿意发布你们的成果，请推选代表。交流的同时，其他同学要认真倾听，并做出反馈。4反馈交流之后进行总结归纳。师：添加的滚动字幕、交互式按钮以及插入的Flash动画必须要跟网页作品的主题相符，否则非但起不到修饰、美化的作用，还会使网页作品看上去不和谐。3.分层实践自主内化（1）制作新的滚动字幕：将