dreamweaver8網页制作学案2.docVIP

学案：制作页面动态效果 授课时间 第八周 课时 11-12课时 签阅记录 检查记录 学习任务： 1. 了解行为的概念； 2. “显示-隐藏层” 行为的添加； 3. 行为面板的使用。 能力目标 了解行为的概念、常见的事件及行为的对象；能添加“显示-隐藏层” 的行为；会使用层面板添加、删除和修改行为。 情感目标 培养自主学习的能力，学会在体验与探索中找出问题的答案； 提高操作技能和灵活应用知识的能力。 学习方法：小组协作、自主探究、展示交流、任务驱动法 学习环境：多媒体网络教室、微机室、网页素材 学习过程： 一、预习展示： 阅读课本138至140页的内容，完成预习题并展示 1.如何打开“行为”面板？ 2.每个行为由一个 和一个 组成。 3.事件是指行为发生的 。 4.可以添加的行为的对象有 、 、 、多媒体文件或者网页本身等。 二、合作探究，完成学习任务 （一） 明确任务 教师用网页的方式展示本节课的学习任务，让学生明确本节课学习目标和任务。 （二） 基础任务 任务一： “行为”面板的使用 操作方法： 在“窗口”菜单中选择“行为”菜单，即可打开行为面板； 行为面板中各按钮的功能： 显示设置事件： 显示所有事件： 添加行为： 删除行为： 增加/降低事件值：/ 试一试： 试一下各事件的功能，并填写下表： 事件 功能 onClick onDbClick onMouseDown onMouseUp onMouseMove onMouseOut onMouseOver onKeyPress onKeyDown onKeyUp 任务二： 添加“显示-隐藏层”行为 操作步骤： 1．打开“travel.html”文件后打开“行为”面板； 2．选中景区地图“map.jpg”中覆盖“金华山景区”的热点。 3．单击“行为”面板上的“添加行为”按钮，在下拉菜单中选择“显示-隐藏层”对话框，设置“Layer2”层和“Layer8”层为“显示”，其他层全部设置为“隐藏”，单击“确定”。 4．在“行为”面板的事件栏中，选择该行为的事件为“onMouseOver”，如图所示。 练习任务： 为其他五个景区以同样的方法设置“显示-隐藏层”行为，使得鼠标移动到相应的景区地图是右侧出现相应景点的图片。 体验与探索： 1．创建网页“practice5-12.html”，插入本单元素材“举一反三”文件夹中的图像“practice5-10.jpg”，练习矩形热点的属性设置。 2.．使用层代码编写网页“practice5-11html”，效果如图所示。所需素材为本单元素材的举一反三文件夹中的“practice5-11.jpg”和“practice5-12.jpg”图像文件。 三、达标测评 利用本单元“举一反三”文件夹中的“practice5-13.jpg”图像，使用代码制作页面“practice5-12.html”，给上面的人物添加圆形热点，为各个热点设置“alt”属性。设置热点的替换文本为卡通人物的名称。 四、归纳总结： 1．可以添加行为的对象有哪些？ 2．例举常见的事件及其功能。 五、 课后反思 1.分组讨论，每组派代表说出自己这节课的收获。 ①知识： ②技能： 2.收获体验： 3.存在的问题：