资源简介

第2节 制作网站——给网页增加动感效果
【教学目标】
知识与技能目标
（1）了解动态网页与网页动态效果的区别。
（2）掌握网页动态效果的的制作。
（3）掌握“插入”菜单中“标签”、“图像对象”和“媒体”的使用方法，给网页增添动态效果。
过程与方法
通过比较，体会网页动态效果的设置价值；通过任务式驱动，提供图文或视频等充足的帮助资料，引导学生自主学习，掌握网页动态效果的制作方法和注意事项。
情感态度与价值观
通过网页动态效果的制作，进一步激发学生设计网页、制作网页学习的兴趣，培养探究意识和创新能力。
【教学重点】
滚动字幕、交替显示的图像、Flash动画的插入。
【教学难点】
标签选择器的使用及各种效果对象的属性设置。
【教学方法】
自主探究式学习；任务驱动式教学。
【课时安排】
1课时
【教学过程】
教学环节 教师活动 学生活动 设计意图
一、导入 比较：分别呈现静态效果网页和有动态效果的网页，请学生比较它们给浏览者的不同感受。 ——引入本课内容 观察，比较，进入主题。 开门见山。
二、新授 注意：以下网页动态效果需要在预览模式下方可看到效果！ （一）任务一：添加滚动字幕（第1组） 1、呈现作品效果 2、请学生参考“视频演示”文件自主学习操作 关键点： ◆文本的大小、字体、颜色等 （在属性面板中进行设置） ◆运动方向 (direction) （二）任务二：制作交替显示的图像（第2组） 1、呈现作品效果 2、请学生参考课本P80“实践学习”自学探究 关键点： ◆单击“插入——>图像对象——>鼠标经过图像”命令 ◆选项设置： “原始图像”，“鼠标经过图像”，以及“按下时，前往的URL”等，最后单击“确定”按钮 （三）任务三：插入Flash动画（第3组） 1、呈现作品效果 2、请学生参考课本P81相关说明文字自主探究操作 关键点： ◆插入——>媒体——>Flash ◆Flash显示窗口的大小调整 三个实践任务均先请学生观看动态效果，再请其分组探究，后由小组代表演示汇报，师适时纠错补充并强调关键点，最后组间共享，集体完成或完善操作。 整个新授部分仍然采用任务驱动的模式，在学生分组探究完成具体任务的过程中学习协作，感受效果，学会操作。 师适当提点可以运用Flash软件制作动感更强的交替显示的图像效果。
三、探究 任务四：利用Dreamweaver交替显示图像的功能，给网页制作一组交替显示的图像按钮，如上图所示。（图示见学案文件） 步骤提示： （1）制作原“图像按钮”和鼠标经过的“图像按钮”（有所不同的图像，见素材文件夹)。 （2）用这两个图像制作交替显示的图像。 （3）设置“图像按钮”超链接到一个网页，就可实现交互式按钮的功能。 在师的提点下，学生自学仿照“交替显示的图像”制作方法，尝试完成操作。 探究操作是任务，也是本课新知识的及时运用。 时间关系，可以提供半成品，即事先做好几个按钮，其余让学生完成。
四、展评与小结 师生给予评价 本课知识点小结 学生作品展示 感受成果，及时归纳。
五、拓展 上网搜索，了解“动态网页”和“网页动态效果”的区别。 学有余力，自学了解。 给学有余力的学生指明拓展的方向。
教学后记

展开更多......

收起↑