dreamweaver网页制作学案.doc

《dreamweaver网页制作学案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学案：制作页面动态效果授课时间第九周课时13-14课时签阅记录检查记录学习任务：1.“设置层文本”行为；2.制作“交换图像”的行为特效和“恢复交换图像”的特效。能力目标掌握“设置层文本”行为的方法；会设置“交换图像”的行为特效和“恢复交换图像”的特效。情感目标培养自主学习的能力，提高操作技能和灵活应用知识的能力。学习方法：小组协作、自主探究、展示交流、任务驱动法学习环境：多媒体网络教室、微机室、网页素材学习过程：一、预习展示：阅读课本140至142页的内容，完成预习题并展示1.当鼠标指针移动到某对象上时触发的事件是，按下鼠标左

2、键时触发的事件是。2.如何添加“设置层文本”行为？二、合作探究，完成学习任务（一）明确任务教师用网页的方式展示本节课的学习任务，明确本节课学习目标和任务。（二）基础任务任务一：添加“设置层文本”行为操作方法：1．选中“金华山景区”热点，在“行为”面板中，选择“添加行为”按钮；2．在弹出的下拉菜单中选择“设置文本”“设置层文本”菜单项；3．在弹出的“设置层文本”对话框中，“层”下拉列表框中选择“Layer8”，在“新建HTML”文本框中输入对该景区的简单介绍，然后单击“确定”按钮。4．在“行为”面板的事件栏中，选择“onMous

3、eOver”，按F12键预览页面。练习任务：参照看课本141页表5-7为相应热点添加“设置层文本行为”，输入与热点相对应的景区介绍文字。任务二：“交换图像”与“恢复交换图像”行为的添加1．小组合作探究添加“交换图像”的行为，并将方法总结如下：2．各组派代表展示本组的作品，其他同学观察其设置方法是否正确。3．自主探究添加“恢复交换图像”的行为的方法，总结如下：想一想：如果在附加“交换图像”时选择了“恢复”选项后，再需不需要手动选择“恢复交换图像”的动作？练习任务：创建网页“practice5-12.html”，在其中插入图片文件

4、“practice5-2”，为其设置交换图像，当鼠标移动到图像上时换为图像文件“practice5-3”，鼠标移出时恢复原始图像。三、达标测评1．下面几个实例可以通过层的应用来实现的是（）A、创建网页上的动画   B、制作各种动态导航效果C、生成丰富的动态按钮  D、交互游戏2． 决定层的显示/隐藏的是哪个属性？（）A、TagB、VisibilityC、NestingD、WidthandHeight3．在Dreamweaver中，关于层与表格的转换的说法正确的是()A、可以层转换为表格，但是表格不能转换为层B、可以表格转换为层

5、，但是层不能转换为表格C、表格和层可以互相转换D、以上都错4．在Dreamweaver中，下面关于层的剪裁说法正确的是()A、只能使用嵌套层来准确定位需要剪裁的坐标B、只能使用重叠层来准确定位需要剪裁的坐标C、可以使用嵌套层和重叠层来准确定位需要剪裁的坐标D、以上说法都错5．在Dreamweaver中，设置层的属性时，设置Overflow的下拉选项中的hidden，其表示()A、不显示超出层边界的内容B、不管层的边界，显示所有元素C、层的右方和下方出现滚动条而不论元素是否溢出D、当层中元素溢出时才出现滚动条6．在Dreamwe

6、aver中，设置层的属性时，关于Z值（即Z-Index的值）的说法正确的是()A、只能是1至10数字B、只能是1至20数字C、可以是任何数字D、以上说法都错7．在Dreamweaver中，按照层命名的原则，下面层的命名正确的是()A、-LayerB、1LayerC、L1ayerD、Layer*18．在Dreamweaver中，下面关于层的命名原则说法正确的是()A、可以使用非英文字母的字符开头B、不要使用空格C、可以使用特殊字符D、以上说法都为错误9．在Dreamweaver中，保持层处于被选择状态，用键盘进行微调时，要使层做

7、一个像素的移动，下面的操作正确的是（）A、按下Shift加四个方向键B、按下Ctrl键加四个方向键C、按下Shift+Ctrl加四个方向键D、直接使用四个方向键四、归纳总结：1．如何添加“设置层文本”行为？2．“交换图像”与“恢复交换图像”的添加方法。五、课后反思1.分组讨论，每组派代表说出自己这节课的收获。①知识：②技能：2.收获体验：3.存在的问题：4.想对老师说的话：