南京邮电大学吴江职业技术学院教案教师姓名沈丹萍授课班级07应电（1）（2）授课形式面授授课日期2008年11月5日第10周授课时数12授课章节名称78.1行为8.2Javascript脚本代码8.3拼图游戏教学目的学会实用行为学会实用JS学会利用行为和JS美化网页教学重点学会利用行为和JS美化网页教学难点学会利用行为和JS美化网页更新、补充、删节内容使用教具计算机，投影仪课外作业课后体会第８章网页动态效果教学章节：8.1行为8.2Javascript脚本代码8.3拼图游戏教学目的：１、学会使用行为2、学会使用JS教学重点：学会使用JS教学难点：JS的修改教学方法：讲演法教学课时：2课时教学过程：行为行为是事件和动作的组合，浏览器响应用户的动作即可产生事件。行为允许访问者改变网页内容以及执行特定的任务。1、行为的基础知识一般来说一个行为是一个事件和一个动作的结合。可以利用DW中的行为控制面板来使用它。快捷键“F9”。2、行为的使用1）添加状态栏文本步骤1：打开行为面板。选中body标签步骤２：单击行为面板上的按钮“＋”，然后再弹出的菜单中选择“设置文本／设置状态栏文本”步骤3：在弹出的对话框中输入文本内容步骤４、设置完毕后，确定。2）添加弹出信息弹出信息就是在页面打开的时候，屏幕中弹出的信息窗口，这也是网页中较常用的特效。其添加方法如下：步骤1：选中body标签，单击添加行为的按钮，在菜单中选择“弹出信息”步骤2：在弹出的对话框中，提示用户设置弹出信息的内容。步骤3：设置完毕后单击确定即可。步骤４：如果希望在浏览者离开页面的时候弹出信息窗口，则可以在行为面板上找到弹出窗口的行为，在前面的下拉菜单选择onunload命令，即是在页面载畜的时候弹出信息窗口。3）打开浏览器窗口有时在浏览某些网页的时候，屏幕上会弹出一个网页窗口，这些窗口的大小常常是固定的，甚至有的窗口没有按钮、地址栏等。使用DW的行为便可以轻松添加弹出的特效。步骤1：打开面板，选中“body”标签，添加行为的按钮，并在弹出的菜单中选择“打开浏览器窗口”步骤2：接下来在弹出的对话框，提示用户设置浏览器窗口的属性。步骤3：设置完毕后，保存网页并浏览。4）交换图像交换图像是一种类似按钮的特效。当访问者的鼠标指向图像时，图像会变成预先设置好的另一幅；当鼠标挪开时，图片则会恢复原来的效果。利用“交换图像”命令实现。5）拖动层特效在网上，经常看到有的网站上会有一个浮动的公告窗口或菜单，且用户可使用鼠标随意拖动该窗口。这就是使用拖动层的行为。步骤1：现在页面中制作好层，然后加入层中的元素，步骤2：选中body标签，单击添加行为的按钮，在弹出的菜单中选择“拖动层”命令步骤3：此时弹出的对话框，用户可以设置拖动层的属性步骤4：设置完毕后，再切换到“高级”选项进行高级设置。步骤5：设置完毕后，单击“确定”即可6）弹出菜单弹出菜单是指当鼠标滑动到按钮上时，按纽下面出现的一行菜单。使用弹出菜单特效，便可创建导航栏。步骤１：选中要弹出菜单的按钮，为其添加“显示弹出式菜单”行为步骤２：在弹出的对话框中，用户可在此设置弹出菜单。步骤3：在“文本”栏填写弹出菜单项的文本。步骤4：按“菜单”下的“+”按钮可以增加菜单项，设置其它菜单内容，具体设置方法同步骤3。步骤5：如想增加子菜单，可增加完菜单项后，选中希望成为子菜单的项，单击“缩进项”按钮，这时选中的菜单项便会成为上一个菜单项的子菜单。步骤6：设置完所有项后，单击“外观”选项卡，进入菜单的外观设置。步骤7：在最上面的下拉菜单的方向，以将菜单设置为垂直菜单还是水平菜单。步骤8：在“字体”栏中设置菜单文本的字体，设置时可在字体列表中选择字体。步骤9：在接下来的设置中可设置字体大小、对齐方式。设置完毕后，还可以在下面的选项内设置菜单的一般状态和鼠标滑过时的状态。可为两种状态下的菜单选择不同的文本色和单元格背景色。步骤10：切换到“高级”选项卡设置弹出菜单的高级选项。步骤11：接着设置菜单的表格边框等属性步骤12：设置完毕后，可切换到“位置”选项卡。“位置”选项可定义弹出菜单的位置相关属性。7）显示—隐藏层当鼠标滑动到图片或其他元素上时，层的内容会显示；当鼠标挪开时，层及其内容隐藏。步骤1：打开要添加效果的文件，首先将需要显示的内容加入层中，并为层命名，如：text步骤2：打开层面板，将该层隐藏步骤3：回到文档编辑窗口，选定产生事件的元素。步骤4：添加“显示-隐藏层”行为，此时会弹出如图所示的“显示-隐藏层”对话框，提示用户选择要显示/隐藏的层。步骤5：选中要隐藏的层text，然后单