东北大学,网站设计,,第5 章 行为和层应用课件.pptVIP

网站设计第5章 行为与层;Dreamweaver 行为的基本概念 ; 行为面板 网页中的事件（Event）是指鼠标、键盘的响应方法，Dreamweaver 提供了许多常用的事件。 启动Dreamweaver ，单击“【窗口】→【行为】”菜单命令或按Shift+F3键，系统打开“行为”面板，如图所示。 ;“行为”面板主要项目功能如下： 加（+）减（—）按钮：用于添加或删除动作（Actions）。 动作：是网页产生的具体行为，如上图设置将产生网页时弹出一个信息窗口的网页效果。 事件：当选定某个动作时，事件右侧出现一个箭头，按此箭头产生一个事件处理的下拉菜单，通过下拉菜单可选择触发动作发生的条件，以下是常见事件及描述。 OnClick：当访问者在指定的元素上单击时产生。 onDblClick：当访问者在指定的元素上双击时产生。 onKeyDown：当按下任意键的同时产生。 onKeyPress：当按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两事件合在一起。 ;3．常用事件;事件;事件;设定行为命令 ; （4）在菜单中选择一个动作，系统弹出该动作的设置对话框，显示动作的参数和说明。输入动作的相关参数后单击“确定”按钮。 （5）回到行为面板，此时行为面板中增加了一个行为行，如图所示。 ;编辑行为 为对象添加行为后，有时需要改变触发行为的事件，增加、删除动作或改变动作参数等，这些都属于编辑行为的操作。 1．更改事件 Dreamweaver MX 2004中设置动作时会自动创建一个事件，默认的事件有时并不是用户需要的，比如弹出消息窗口，默认事件是Onload事件，即网页加载时弹出消息窗口，但用户如果希望单击网页后弹出消息窗口，就必须更改事件为Onclick事件。 ; 操作方法为单击“事件”栏，再单击事件旁边的 按钮，在事件下拉列表菜单中选择Onclick事件，如图所示。事件和当前选择的网页对象是相关联的，因此事件下拉列表菜单中的内容随所选网页对象不同而变化。 ; 如果在选择了正确的网页对象后，发现所期望的事件并没有出现在事件列表菜单中，这时应尝试改变浏览器。方法是单击“+”按钮，在图所示的弹出菜单中选择“显示事件”命令，在子菜单中选择浏览器的版本，浏览器的版本越高，支持的事件越多。默认情况下，事件列表菜单中显示的都是IE4.0能够产生的事件。当找到所期望的事件后，选择该事件，对应行为面板的相应事件将会改变。 ;泊壹韩你婚隘逸炊孜拎曝倔快遇品捶碱博啼叉稀联芹肌捕荐向磐腰酝官单东北大学,网站设计,,第5 章 行为和层应用课件东北大学,网站设计,,第5 章 行为和层应用课件;2．修改行为的动作参数 已经设置的行为，可以改变动作参数。只要双击该行为对应的“动作”栏，如图所示，即可打开该动作的参数设置对话框，在对话框中修改各项参数。 ;3．删除行为 在行为面板上选取欲删除的行为，单击行为面板左上方的“-”按钮，或按Delete键。 4．调整行为的执行顺序 一个事件可以触发多个动作，比如Onload这一事件可以触发如播放声音，打开浏览器窗口等动作。在这种情况下就存在一个动作发生的先后问题，可以通过单击行为面板中“▲”，“▼”按钮来解决这个问题，如图;创建行为实例 ;2．制作步骤 方法一：调用JavaScript 使用这一行为，必须对JavaScript非常熟悉。本例中调用JavaScript的操作主要用于对整个页面的作用，即网页加载时弹出信息框，因此在插入这个行为时，按以下步骤操作： （1）在行为选择菜单中选择“调用JavaScript”命令，如图所示。 ;遂君补职鲁翼淫沟价前沏些阴家依浅骨李红剪抿弯假预萌呈蝶禁坠疮丈划东北大学,网站设计,,第5 章 行为和层应用课件东北大学,网站设计,,第5 章 行为和层应用课件; （2）弹出如图所示的“调用Javascript”对话框，在文本框中输入需要执行的准确的JavaScript代码或函数名，例如本例键入的一行代码为： alert(‘欢迎来到本站！！！’) ; （3）按“确定”按钮，打开“行为”面板，确定当前动作使用的事件为“onload”，如果不是，选择右边“▼”按钮重新选择，如图所示。 ; （4）保存网页，按F12键预览，效果如图6-3-1所示，其运行的结果是当打开网页时会自动弹出图中所示的对话框。 ;方法二：弹出信息 对于不熟悉JavaScript代码来制作弹出信息框的用户，也可以采用这一方法。Dreamweaver MX 2004自带了弹出信息的功能菜单，以下是实现方法： （