dreamweaver网页制作学案3..docVIP

学案：制作页面动态效果 授课时间 第九周 课时 13-14课时 签阅记录 检查记录 学习任务： 1. “设置层文本”行为； 2. 制作“交换图像”的行为特效和“恢复交换图像”的特效。 能力目标 掌握“设置层文本”行为的方法；会设置“交换图像”的行为特效和“恢复交换图像”的特效。 情感目标 培养自主学习的能力，提高操作技能和灵活应用知识的能力。 学习方法：小组协作、自主探究、展示交流、任务驱动法 学习环境：多媒体网络教室、微机室、网页素材 学习过程： 一、预习展示： 阅读课本140至142页的内容，完成预习题并展示 1.当鼠标指针移动到某对象上时触发的事件是 ，按下鼠标左键时触发的事件是 。 2.如何添加“设置层文本”行为？ 二、合作探究，完成学习任务 （一） 明确任务 教师用网页的方式展示本节课的学习任务，明确本节课学习目标和任务。 （二） 基础任务 任务一： 添加“设置层文本”行为 操作方法： 1．选中“金华山景区”热点，在“行为”面板中，选择“添加行为”按钮； 2．在弹出的下拉菜单中选择“设置文本” “设置层文本”菜单项； 3．在弹出的“设置层文本”对话框中，“层”下拉列表框中选择“Layer8”，在“新建HTML”文本框中输入对该景区的简单介绍，然后单击“确定”按钮。 4．在“行为”面板的事件栏中，选择“onMouseOver”，按F12键预览页面。 练习任务： 参照看课本141页表5-7为相应热点添加“设置层文本行为”，输入与热点相对应的景区介绍文字。 任务二： “交换图像”与“恢复交换图像”行为的添加 1．小组合作探究添加“交换图像”的行为，并将方法总结如下： 2．各组派代表展示本组的作品，其他同学观察其设置方法是否正确。 3．自主探究添加“恢复交换图像”的行为的方法，总结如下： 想一想： 如果在附加“交换图像”时选择了“恢复”选项后，再需不需要手动选择“恢复交换图像”的动作？ 练习任务： 创建网页“practice5-12.html”，在其中插入图片文件“practice5-2”，为其设置交换图像，当鼠标移动到图像上时换为图像文件“practice5-3”，鼠标移出时恢复原始图像。 三、达标测评 1．下面几个实例可以通过层的应用来实现的是 （ ） A、创建网页上的动画 ?? ?B、制作各种动态导航效果 C、生成丰富的动态按钮 ??D、交互游戏 2．?决定层的显示/隐藏的是哪个属性？（ ） A、 Tag B、 Visibility C、 Nesting D、 Width and Height 3．在Dreamweaver中，关于层与表格的转换的说法正确的是( ) A、可以层转换为表格，但是表格不能转换为层 B、可以表格转换为层，但是层不能转换为表格 C、表格和层可以互相转换 D、以上都错 4．在Dreamweaver中，下面关于层的剪裁说法正确的是( ) A、只能使用嵌套层来准确定位需要剪裁的坐标 B、只能使用重叠层来准确定位需要剪裁的坐标 C、可以使用嵌套层和重叠层来准确定位需要剪裁的坐标 D、以上说法都错 5．在Dreamweaver中，设置层的属性时，设置Overflow的下拉选项中的hidden，其表示( ) A、不显示超出层边界的内容 B、不管层的边界，显示所有元素 C、层的右方和下方出现滚动条而不论元素是否溢出 D、当层中元素溢出时才出现滚动条 6．在Dreamweaver中，设置层的属性时，关于Z值（即Z-Index的值）的说法正确的是( ) A、只能是1至10数字 B、只能是1至20数字 C、可以是任何数字