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