行为的概述
行为是事件和动作的组合,浏览器响应用户的动作产生事件。例如,当访问者单击网页上的某一元素时,会生成一个onClick事件,从而产生一系列动作,执行某些特定的任务。在Dreamweaver中使用行为,可以生成动态网页效果。
动作是由一段预先写好的JavaScript代码所组成。该代码能执行各种特殊任务,如打开一个新的浏览器窗口、播放一段声音、控制播放Flash等。
事件由浏览器所定义,浏览器响应用户的某个操作而生成一个事件,通常一个事件总是针对页面元素或标记而言的。例如当某个浏览者将鼠标移动到某一图像或文字上,浏览器就可能生成一个onMouseOver(鼠标滑过)事件,如果用户事先设置了某个动作的话,此事件将调用相关的JavaScript功能,JavaScript功能则激发相应的动作发生,如弹出一个提示框或在状态栏中显示相关信息。
行为的基本操作
“行为”控制面板
打开“行为”面板的方法有2种:
° 单击“窗口”>“行为”命令。
° 按Shift+F3组合键。
“行为”面板可以将行为附加到网页元素并修改以前所附加行为的参数。
添加行为
添加行为的方法:
(1)选择要添加行为的对象,所选对象相应的HTML标签出现在行为控制器的标题栏中。
(2)在“行为”面板中单击“+”按钮,从弹出的菜单中选择一个动作,系统将出现该动作的对话框,在对话框中设定参数。
(3) 单击“确定”按钮,在事件列表中出现触发该动作的默认事件,用户可以选择其他事件来改变当前默认的事件。
编辑一个行为
1. 编辑行为
编辑行为的操作步骤如下:
(1)在网页文档中选择已添加了行为的某个元素或对象,这时会在行为面板中显示所有已添加的行为。
(2)如果要编辑该行为的动作,则双击该行为,可以弹出对应的动作对话框,然后在对话框中根据需要进行修改,
(3)若要编辑该行为的事件,则在行为面板中单击事件栏,出现下拉按钮,单击下拉按钮会弹出下拉菜单,从中选择相应的事件即可。
(4)如果要改变该行为在多个行为中发生的顺序,可以单击“行为”面板右上角的三角按钮,然后根据需要改变行为的顺序即可。
2. 删除行为
要删除行为,可直接选中该行为,然后单击“行为”面板上的删除按钮。
事件
当访问者与网页交互时,浏览器产生事件,而且这些事件通常能够调用JavaScript从而导致动作的发生。Dreamweaver提供了许多常用事件所能够触发的动作。
由于不同的浏览器所支持的事件不尽相同,在行为控制面板上单击“+”按钮,在下拉列表中选择“浏览器适配器类型”可以选择目标浏览器的类型。一般我们建议选择IE 4.0以上的版本的浏览器。
使用Dreamweaver自带的行为动作
Dreamweaer自带有多种动作,可以随时调用。
交换图像
交换图像动作的功能是:通过改变图像标签的SRC属性,将图像变换为另外一幅图像,使用该动作可以创建变换的按钮和其他图像效果。
操作步骤:
(1)打开网页,选择要交换图像的图像或文字。
(2)选择“行为”面板中的 “交换图像”命令,打开“交换图像”对话框。
(3)单击“设定图像” 右侧的“浏览”按钮,在打开的“选择图像源文件”对话框中选一幅图片。
(4)单击“确定”按钮,返回“交换图像”对话框。
(5)单击“确定”按钮,按F12键可浏览网页中添加交换图像行为的效果。
恢复交换图像
用户设置了交换图像后,当鼠标移动到图像上时,图像将发生改变,之后再回复成原来的图像,通过“恢复交换图像”功能,当将鼠标指在图像上时,图像会变成另外一幅图片。默认情况下,当用户使用了交换图像后,系统将自动设置恢复交换图像功能。
弹出信息
该行为的功能是:当用户执行操作时,显示指定信息。
操作方法:
单击“行为”面板中选择“弹出信息”命令,打开“弹出信息”对话框。在对话框中输入文字,单击“确定”按钮,按F12键浏览网页时,点击文字会出现相应的提示框。
打开浏览器窗口
该动作的功能是在新的浏览器窗口打开指定的网页。
操作方法:
(1)打开网页,单击<body>标记,将行为应用于整个网页。
(2)在“行为”面板中选择“打开浏览器窗口”命令 ,打开“打开浏览器窗口”对话框。
(3)在“要显示的URL”中输入网址。
(4)在“窗口宽度” 中输入宽度值,在“窗口高度”中输入高度值。
(5)在“属性”中选择要显示在浏览器中的组成元素。
(6)在“窗口名称”中输入新打开浏览器窗口的名称。
(7)单击“确定”按钮后,当打开网页时将打开对应的网站。
设置文本
用于设置框架、层和状态栏信息或表单文本框中的文本。
操作步骤:
(1)选中网页中要设置文本的图片或文字。
(2)在“行为”面板中选择“设置文本”>“设置状态栏文本” 命令。打开“设置状态栏文本”对话框。
(3)在对话框的“信息”右侧的文本框中输入信息,单击“确定”按钮。
(4)按F12键,预览设置的动作。
预先载入图像
该行为的功能是载入不会立即在网页中出现的图像到浏览器的缓存中,以防止图像显示时由于下载导致的延迟,同时也便于脱机浏览。
操作步骤:
(1)单击<body>标记,使动作应用于整个网页。
(2)在“行为”面板中选择“预先载入图像”命令,打开对话框。
(3)在“图像源文件”框中输入预下载图像的路径及名称,或单击“浏览”按钮选择图像文件。
(4)单击“+”按钮,将在“预先载入图像”框中添加图像文件;单击“-”按钮则删除图像文件。最后,单击“确定”按钮。
控制Shockwave或Flash
该行为的功能是控制Shockwave或Flash影片的播放和停止等。
操作步骤:
(1)首先在网页上插入2个按钮,命名为“播放”和“停止”。然后插入一个Flash插件,Flash插件名称为fla 。
(2)选中按钮“播放”,选择“行为”面板上的“控制Shockwave或Flash”命令,打开“控制Shockwave或Flash”对话框。
(3)在“影片”右侧的下拉列表中选择影片的名称,在“操作”右侧选择影片的状态“播放”。
(4)重复上述步骤,为按钮“停止”选择影片、操作状态。
(5)单击“确定”按钮,按F12键浏览网页。
显示-隐藏层
该行为的功能是显示或隐藏页面中的层。
操作步骤:
(1)单击<body>,选中整个网页 。
(2)在“行为”面板中选择“显示-隐藏层”命令,打开对话框。
(3)在“命名的层”中选择层“Layer1”。
(4)单击“隐藏”按钮,设置层的显示状态。
(5)单击“确定”按钮,设置完成,按F12键浏览网页效果
转到URL
该行为的功能是在指定的窗口中打开指定的网页。
操作步骤:
(1)在页面上分别插入一个表单和按钮,将按钮命名为某个网站的首页名称。
(2)选定该按钮,在“行为”面板中单击“转到URL”命令,打开对话框。
(3)在“URL”框中输入网址。
(4)单击“确定”按钮,按F12浏览网页,单击该按钮,打开指定网站的首页。
获得更多的行为
如果想使用Dreamweaver以外的行为,可下载和安装第三方行为插件。Dreamweaver为精通JavaScript语言的用户提供编写自己的objects(对象)、行为、命令和属性检查器的机会。
用户可以到Macromedia公司的网站,选择所需的行为进行下载。
单击行为面板中的“添加行为”按钮,选择“获取更多行为”。这时会自动打开浏览器并连接Internet,在出现的网站上可以找到许多行为,下载所选择的行为文件。行为文件通常采用WinZip软件压缩,因此需要将下载的行为文件解压缩。再将解压缩的文件拖到Dreamweaver应用程序文件夹中的Configuration/Behaviors/Actions文件夹下,然后重新启动Dreamweaver,就会在行为控制器找到新加入的Behaviors。



