《给网页添加动感效果》教学设计
一、教学内容与教学对象分析
《给网页添加动感效果》这部分教学内容是在学生学习了理解FrontPage、创建网站和制作首页、应用表格布局网页结构之后学习的，主要涉及添加滚动字幕、制作交互式按钮、插入Flash动画，从而为学生最终制作出丰富多彩、赏心悦目的网页作品奠定基础。
教学对象为初中八年级学生。他们初步了解了FrontPage菜单下的一些常用命令、常用工具栏和格式工具栏上各个功能图标的位置，掌握了网站、网页的创建和修改，表格布局网页结构等操作方法。学生思维活跃、协作及操作水平较强，在教师的引导下，能自主探索、获取知识。
二、教学目标
    知识与技能：了解给网页添加动感效果在网页制作中的意义和作用；能熟练地给网页添加滚动字幕，以及制作交互式按钮；能够在网页中插入Flash动画并对网页布局实行简单调整。
    过程与方法：在自主学习、小组讨论合作的过程中完成任务，掌握给网页添加三种动感效果的操作步骤。   
    情感、态度与价值观：在小组探究活动中培养相互合作的精神；通过网页三种动感效果的添加，培养良好的审美情趣及创新意识。
    三、教学重点与难点
    重点：在网页中插入滚动字幕、交互按钮和Flash动画。
    难点：学会插入和调整Flash动画的基本方法。
    四、教法与学法分析
    教法：自主探究、学生演示和任务驱动。
    学法：(1)自主学习法。教学重点部分引导学生通过自主操作完成，能够培养他们的独立探索水平。（2）协作学习法。学生通过小组合作，突破插入Flash动画的难点，进一步提升团体协作水平。
五．媒体使用
多媒体机房、投影仪、多媒体教学软件以及教学课件。
六、教学过程
1.创设情境    确定目标
师：同学们，老师给你们带来了两个网页作品，请你们来做个裁判，评一评哪个网页作品更漂亮，为什么？
老师展示两个内容相同的网页作品，但是第一个网页作品是静态的，而第二个网页作品带有动感效果。
学生在观察的基础上讨论，最后教师归纳总结，确定学习目标。
师：第一个网页作品是静态的，第二个网页作品不但有滚动字幕，而且有交互式按钮，其中还插入了Flash动画，使网页的层次分明，效果突出。这节课我们将使用FrontPage，将第一个静态网页，制作成具有动感效果的网页作品，把网页变得更美观。
教师板书：给网页添加动感效果——添加滚动字幕、制作交互式按钮、插入Flash动画。html滚动字幕
2.任务驱动    自主探究
任务一：给静态网页添加滚动字幕
师：滚动字幕能够给网页增加生动的形象。想要网页吸引人，我们必须先学会这个本领：给网页添加滚动字幕。
老师出示任务：给静态网页添加滚动字幕。
师：请同学们看书第68页自学，并尝试操作。
学生自主学习，老师巡视指导。
师：谁愿意与大家分享自己的劳动成果？
学生边演示边讲解操作过程。
根据交流反馈，学生对作品实行补救。
师：哪位同学有操作不成功的经历？为什么不成功？你能给其他同学提个醒吗？仍然无法操作成功的同学也能够向同学和老师求助。
教师出示任务：将滚动字幕的“方向”设置为“左”，“表现方式”设置为“滚动条”，文本内容为“欢迎来到我的网站”。
学生尝试操作。
师：在操作成功以后，同学们能够尝试其他的“方向”和“表现方式”，在操作中你觉得哪种效果好，你就用哪种。
任务二：制作交互式按钮
师：在FrontPage中，能够制作像第二个网页作品中的交互式按钮，请同学们试试看这些交互式按钮的作用。最先完成的同学请举手，看看哪位同学又快，又准确，哪一组最先完成。
老师出示任务：探索交互式按钮的作用。
小组探索任务，教师巡视指导。
师：请最快的一组担任评委，请做得快的同学回答交互式按钮的作用。（当单击交互式按钮时，它会链接到另一个页面）
师：请同学们看书第69页自学，并尝试操作。
学生自主学习，老师巡视指导。
师：有没有同学制作成功的？你来给大家做个演示吧。
学生边演示边讲解操作过程。
根据交流反馈，学生对作品实行修改。
教师出示任务：在第一个作品中制作三个交互式按钮，并学会将交互式按钮链接到其他的网页上。
学生练习巩固。
教师归纳：制作交互式按钮的操作步骤和添加滚动字幕基本相同，我们能够通过制作交互式按钮，很方便地把多个网页链接在首页上，给我们网页的设计带来了方便。
任务三：插入Flash动画
师：要使网页的版面更漂亮、更有风格，就离不开Flash动画的点缀。
教师出示任务：插入Flash动画。
教师边演示操作过程，边讲解要点。
学生动手操作。
师：掌握的同学，能够自由插入Flash动画。
学生完成后展示，教师适当评价。
学生看书自学，并分小组探究操作方法。
师：哪一组愿意发布你们的成果，请推选代表。交流的同时，其他同学要认真倾听，并做
出反馈。
反馈交流之后实行总结归纳。
师：添加的滚动字幕、交互式按钮以及插入的Flash动画必须要跟网页作品的主题相符，否则非但起不到修饰、美化的作用，还会使网页作品看上去不和谐。
3.分层实践    自主内化
（1）制作新的滚动字幕：
将滚动字幕的“方向”设置为“右”，“表现方式”设置为“幻灯片”，内容自拟。
（2）添加新的交互式按钮：
在原来的交互式按钮之后添加新的交互按钮，按钮形式为“浮雕矩形3”，按钮文本为“友情链接”。
（3）插入新的Flash动画：
插入新的Flash动画，比如同学们以前制作的一些作品：“盛开的小花”，“绿家园”。
4.交流成果    总结任务
学生展示作品，老师概括总结。
师：这节课，我们主要学习了在网页中添加滚动字幕和交互式按钮，知道怎样在网页中插入Flash动画，就能使网页更加美观、生动形象。这些操作希望大家好好掌握。不过，使用什么样的滚动字幕效果、制作什么类型的交互式按钮、以及插入什么样的Flash动画，都要根据网页的具体情况而定，要切合网页的主题，否则会适得其反。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。