清华大学 网页设计培训教程 Dreamweaver7章

1、第7章 创建和使用行为,第7章 创建和使用行为,教学提示：通过学习这些内容，用户将掌握在制作网页中运用行为这个不可或缺的网页元素的方法。 教学目标：行为允许浏览者与web页面交互并在很多方面改变页面。行为是事件和该事件所触发的动作的结合。本章将首先详细讲述如何利用dreamweaver 8中的【行为】面板在页面中添加行为动作，并设置触发动作的事件，然后讲述如何编辑和更新行为，以及介绍在页面中如何使用dreamweaver 8中内置的几种常用的行为。,第7章 创建和使用行为,7.1 创 建 行 为 7.2 使用内置行为 7.3 上 机 实 战,7.1 创 建 行 为,7.1.1 附加行为 7.1

2、.2 编辑行为 7.1.3 更新行为,7.1 创 建 行 为,行为就是在网页中进行的一系列动作。通过这些动作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。 一般来说，一个行为应该由一个事件(event)和一个动作(action)组成。例如，当将鼠标移动到一幅图像上时，就产生了一个事件，如果这时图像变化，就产生了一个动作。 动作通常由一段javascript代码组成，利用这段代码可以完成相应的任务，如打开浏览器、播放声音或视频等。在dreamweaver中，可以使用dreamweaver内置的行为往页面中添加javascript代码，也可以对现有代码进行修改，使之更符合自己的需要。

3、 事件则通常由浏览器定义，它可以被附加到各种页面元素上，也可以被附加到html标记中。通常一个事件总是针对页面元素或标记而言的。例如，在大多数浏览器中的超链接上都会发生on mouseover、on mouseout和on click这3种事件。当鼠标移动到链接上，就发生链接的on mouseover事件；而鼠标移动到链接之外，就发生链接的on mouseout事件；而单击链接，就发生链接的on click事件。,7.1 创 建 行 为,另一个常见的事件是on load，它同图像或文档正文相关联。当载入文档时，就发生文档的on load事件；而载入图像时，就发生图像的on load事件。 将事

4、件和动作组合起来，就构成了行为。例如，将on click事件同一段javascript代码相关联，在单击时就可以执行相应的javascript代码。 通常，我们将事件产生的这个过程称为触发。不是所有动作都需要用户的干涉才会发生。例如，我们可以指定某个动作每隔10秒运行一次，这实际上还是由事件触发的，只是这种事件不是通过用户本身的行为而产生的。 有时会有多个动作同一个事件相关联，换句话说，当事件发生时，会导致多个动作被执行。在dreamweaver中，可以指定这些动作发生的顺序，从而实现需要的结果。,7.1.1 附加行为,用户可以对整个文档(也就是对body标记)附加行为，也可以对链接、图像、表

5、单元素或其他任何html元素附加行为。用户选择的目标浏览器决定了对于给定元素可以支持哪些事件。例如，internet explorer 6.0支持的事件范围就比navigator 6.0或其他任何5.0版本浏览器都要大得多。 需要注意的是，不能为纯文本附加行为。因为标记p和span不在浏览器中产生任何事件，所以没有办法为这些标记触发动作，但用户可以为链接附加行为。要为文本附加行为，最简单的办法就是为文本添加一个空链接(不指向任何对象)，然后将行为附加到链接上。如果用户这样做，文本将以链接的形式出现。(要使文本看起来不像链接，可以修改链接颜色，删除下划线)。 可以为每个事件关联多个动作。动作的执

6、行会按照在【行为】面板的动作列中所示的顺序进行。可以单击【行为】面板上的箭头按钮，改变动作的执行顺序。 要往页面中附加行为，其具体操作如下。 (1)在文档窗口中，选中要附加行为的对象。 (2)如图7.1所示，选择【窗口】|【行为】命令，打开如图7.2所示的【行为】面板。这时，选定对象的html标记出现在【行为】面板的标题栏中。,7.1.1 附加行为,图7.1 利用菜单打开【行为】面板,图 7.2 【行为】面板,7.1.1 附加行为,(3)单击【行为】面板上的“+”按钮，打开如图7.3所示的动作菜单，然后选择需要附加的动作。不能选择的动作在菜单中是灰色的，之所以不能选择可能是因为所要求的对象在当

7、前文档中不存在。 一般来说，选择了某个菜单项之后，会出现一个对话框。选项不同，对话框也不同。在对话框中输入相应的设置，单击【确定】按钮，确定操作，即在对象上附加了一个行为。 (4)这时在行为列表中会显示添加事件已经对应的动作，如果该事件不是用户希望的事件，可以单击该事件右边的箭头，打开事件菜单，选择其他事件，如图7.4所示。 要为文本附加属性，可以在文档中选中需要添加行为的文本，然后在文本的【属性】面板上的【链接】文本框中输入“javascript:;”。 为文本添加了附加的属性以后，就可以对这个选定的文本附加行为了。 要改变链接文本的外观，其具体操作如下。 (1)在文档中选中需要添加行为的文

8、本。 (2)选择文档编辑窗口上方的【代码】命令，打开如图7.5所示的代码检查器。 (3)在链接的a href标记中，插入以下属性：style=“text-decoration:none;color:black”。该属性设置的作用是：不使用下划线，并将文本颜色设置为黑色。 (4)要改变页面或整个站点中附加链接的文本外观，可使用【css样式】面板或者为链接创建新样式。,7.1.1 附加行为,图7.3 动作菜单,图7.4 事件菜单,7.1.1 附加行为,图7.5 代码检查器,7.1.2 编辑行为,除了附加行为外，用户还可以在【行为】面板中添加新行为、删除现有行为和重设行为的触发事件，也可以修改现有行

9、为动作。 如果用户已经为一个对象附加了行为，那么该行为将出现在【行为】面板中，并按事件的字母顺序排列。如果同一事件有多个动作，那么动作将按执行顺序排列。 1. 修改行为动作 要修改现有行为，其具体操作如下。 (1)选中包含要修改行为的对象，然后双击【行为】面板中要修改的行为项，或选中行为项，并按enter键，这时会打开一个对话框，提示用户对行为进行修改。行为不同，打开的对话框也不同。如图7.6所示为在【行为】面板中对链接文本“more”附加【打开浏览器窗口】行为动作打开的对话框。 (2)在对话框中重新设置行为动作参数，设置完成后单击【确定】按钮确定操作，行为动作就被修改了。,7.1.2 编辑行

10、为,图7.6 【打开浏览器窗口】对话框,7.1.2 编辑行为,2. 重设事件 要重新为动作指定触发事件，其具体操作如下。 (1)选中包含要重设事件的对象，并在【行为】面板中选中要重设事件的行为项。 (2)单击事件右边的箭头，打开事件菜单。在弹出的菜单中选择其他事件。如果所期望的事件没有出现，用户需要确认是否选取了正确的对象，或者在如图7.7所示的【显示事件】子菜单中改变目标浏览器。 3. 修改行为的执行顺序 要修改行为的执行顺序，其具体操作如下。 (1)选中包含要修改行为执行顺序的对象，并在【行为】面板中选中行为项。 (2)单击【行为】面板上的箭头按钮来改变顺序。 4. 删除行为 要删除行为，

11、其具体操作如下。 (1)选中包含要删除行为的对象，并在【行为】面板中选中行为项。 (2)单击行为面板上的“-”按钮，行为便被删除了。,7.1.2 编辑行为,图7.7 改变目标浏览器,7.1.3 更新行为,如果页面中包含有使用低于dreamweaver 8版本的软件创建的行为，当使用dreamweaver 8打开页面时，这些行为不会自动更新。当在一个页面中更新行为的一个实例时，此页面中该行为的其他所有实例都将得到更新。 要更新页面中的行为，可以选中附加有行为的对象，然后双击【行为】面板中要更新的行为项。或选中行为项后按enter键，这时会打开一个行为对话框，用户可以不作任何修改单击ok按钮确定更

12、新行为。 行为不同，打开的对话框也不同。如图7.8所示为在【行为】面板中对一个对象附加【调用javascript】行为动作进行更新的对话框。这个行为原本是利用dreamweaver 5.0制作的。,7.1.3 更新行为,图7.8 更新【调用javascript】行为动作,7.2 使用内置行为,7.2.1 调用javascript代码 7.2.2 改变网页对象的属性 7.2.3 检查浏览器 7.2.4 检查插件 7.2.5 跳转到指定的网页 7.2.6 打开浏览器窗口 7.2.7 设置状态条文本 7.2.8 弹出信息对话框,7.2 使用内置行为,dreamweaver 8内置了很多行为，基本上可

13、以满足普通网页的创作需求。本节将对这些内置行为分别进行介绍。 dreamweaver 8提供的行为动作已经确认可以在netscape navigator 6和internet explorer 6.0及其以后的版本中使用。 虽然dreamweaver动作实现最大可能地跨浏览器兼容，其中一些动作还是不能在旧版本的浏览器中使用。而且有些浏览器根本不支持javascript，很多浏览web的用户都将其浏览器的javascript功能关闭。如果想获得最好的跨平台结果，用户应该在noscript标记中提供可替换的界面，这样没有javascript的用户也可以使用用户的站点。,7.2.1 调用javasc

14、ript代码,【调用javascript】动作让用户可以使用【行为】面板指定当事件发生时要执行的自定义函数或者javascript代码(可以自己书写javascript，也可以使用web页面上免费发布的各种javascript库)。 可以利用【调用javascript】动作在网页中制作一个【后退】按钮。调用javascript动作制作这个按钮的具体操作如下。 (1)在文档窗口中，选中要附加行为的对象【后退】按钮。如图7.1所示，单击【窗口】|【行为】命令，打开如图7.2所示的【行为】面板。 (2)单击【行为】面板上的“+”按钮，并从如图7.3所示的动作菜单中选择【调用javascript】选项

15、。这时会出现如图7.9所示的对话框。 (3)在该对话框中可以直接输入“if (history.length 0)history.back()”。 (4)单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择另一个事件。如果用户需要的事件没有列出，请在【显示事件】子菜单中改变目标浏览器。 为【后退】按钮附加了【调用javascript】动作行为，保存文档后在浏览器中预览效果，如果单击如图7.10所示的网页中的【后退】按钮，则页面将后退到刚才浏览的页面，这个按钮的作用和浏览器上的【后退】按钮的作用一样。,7.2.1 调用javascript

16、代码,图7.9 【调用javascript】对话框,7.2.1 调用javascript代码,图7.10 单击页面中的【后退】按钮,7.2.1 调用javascript代码,用户在【调用javascript】对话框中可以直接输入“if (history.length 0)history. back()”，也可以按照如下操作先将代码封装为函数，然后再调用函数。 (1)编写如下所示的javascript程序，用于进行数据处理。 function goback() if (history.length 0) history.back() (2)如图7.11所示，选择【查看】|【文件头内容】命令，显示

17、文档窗口的头部，并将插入点放置于文档窗口的头部窗格中。 (3)如图7.12所示，选择【插入】| html |【脚本对象】|【脚本】命令，或是选择【插入】面板上的html选项，然后单击【脚本】按钮。这时会出现如图7.13所示的对话框。 (4)从【语言】下拉列表中选择javascript选项，然后将上面的程序输入到【内容】文本编辑区中。,7.2.1 调用javascript代码,图7.11 显示头部内容,图7.12 插入【脚本】命令,7.2.1 调用javascript代码,图7.13 【脚本】对话框,7.2.1 调用javascript代码,(5)单击【确定】按钮确定插入脚本。然后在【调用jav

18、ascript】对话框中输入函数名称“goback()”，如图7.14所示。这样也可以创建一个【后退】按钮。,图7.14 设置【调用javascript】对话框,7.2.2 改变网页对象的属性,使用“改变属性”动作更改对象某个属性（例如层的背景颜色或表单的动作）的值。您可以更改的属性是由浏览器决定的。 使用【改变属性】动作可以改变所选择的对象的各种属性，例如，您可以动态设置层的背景颜色，也可以改变图片的大小以及表单的属性，但这些只有在您比较熟悉 html 和 javascript 的情况下才使用此动作。 要使用【改变属性】动作，其具体操作如下。 (1)在文档窗口中，新建一层，然后输入文字“改变

19、文字大小”，如图7.15所示。 (2)在【属性】面版中首先设置好文字的属性，如图7.16所示，颜色为红色“#ff0000”，大小为50像素。 (3)选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】面板上的“+”按钮，并从动作菜单中选择【改变属性】命令。这时会出现如图7.17所示对话框。 (4)在【对象类型】中选择div，【命名对象】为div“layer1”，【属性】下拉菜单选择style.fontsize，【新的值】填上所想要生成文字大小，这里填上80。 (5)选择【文件】|【保存】命令将文件存盘，然后选择【文件】|【在浏览器中预览】| iexplore命令，或直接按f12键，使用i

20、nternet explorer进行预览。显示结果如图7.18所示，单击文字后的效果如图7.19所示。,7.2.2 改变网页对象的属性,图7.15 输入文本,7.2.2 改变网页对象的属性,图7.16 设置文字属性,图7.17 【改变属性】对话框,7.2.2 改变网页对象的属性,图7.18 文字大小改变之前,7.2.2 改变网页对象的属性,图7.19 文字大小改变之后,7.2.3 检查浏览器,使用【检查浏览器】动作可以判断浏览者使用的浏览器类型和版本，并根据这些信息将他们导向不同的页面。例如，可能需要将使用navigator 4.0及以后版本的用户转到某个页面，而将使用internet exp

21、lorer 4.0及以后版本的用户去往另一个页面，使用其他类型浏览器的用户停留在当前页面。 将该行为附加到页面的标记是很有用的，事实上它几乎和任何浏览器都兼容(包括那些不能使用任何javascript的浏览器)。用这种办法可以让那些关闭了javascript功能的浏览者也可以看到内容。 另外一个选择是将该行为附加到空链接上(如)，并根据浏览者的浏览器类型和版本让动作来决定链接的目的地。 要使用【检查浏览器】动作，其具体操作如下。 (1)在文档窗口中，选中整个文档附加行为，可以通过文档左下方状态行上的标记选择器选取标记。 (2)选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】面板上的“

22、+”按钮，并从动作菜单中选择【检查浏览器】命令。这时会出现如图7.20所示的【检查浏览器】对话框。,7.2.3 检查浏览器,(3)决定如何分流用户的浏览者。通过浏览器类型、浏览器版本，或者两者都用。例如，让使用ie 4.0以上版本浏览器的用户访问利用层布局的页面，其他所有用户都访问另一个利用表格布局的页面。在netscape navigator文本框中，可以输入要检查的netscape navigator浏览器的最低版本号；在internet explorer文本框中，可以输入要检查的internet explorer浏览器的最低版本号。 (4)在各浏览器项右边的下拉列表中，设置当浏览器的版本

23、是左边文本框中输入的版本，或比该版本还要新时所进行的动作为【转到url】，则跳转到对话框中url文本框中所设置的地址上。在【否则】和【其他浏览器】下拉列表中，设置当检查到用户浏览器不是上面所列的浏览器时所执行的动作为【前往替代url】，则跳转到对话框中【替代url】文本框中所设置的地址上。 (5)在url文本框中，设置当浏览器版本合适时正常跳转到的url地址为“book.htm”。也可以单击【浏览】按钮，从磁盘上选择链接目标锚的文档。在【替代url】文本框中，设置当浏览器版本不合适时跳转到url地址为“book2.htm”。也可以单击【浏览】按钮，从磁盘上选择链接目标锚的文档。 (6)单击【确

24、定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，从弹出的事件菜单中选择事件为“onload”。如果用户需要的事件没有列出，则要在【显示事件】子菜单中改变目标浏览器。 (7)页面添加【检查浏览器】动作行为，保存文档后在浏览器中浏览效果。如果用户的浏览器版本在4.0以上，则显示如图7.16所示的利用层布局的网页。如果用户的浏览器版本比较低，则将显示如图7.17所示的利用表格布局的网页。,7.2.3 检查浏览器,图7.20 【检查浏览器】对话框,7.2.3 检查浏览器,图7.21 在高版本浏览器中显示的网页,7.2.3 检查浏览器,图7.22 在低版本浏览器中显示的网页

25、,7.2.4 检查插件,使用【检查插件】动作，可以检查访问网页的用户，其浏览器中是否安装指定插件，通过这种检查，可以分别为安装插件和未安装插件的用户显示不同的网页。例如，用户可以检查是否安装了播放flash动画的插件，如果安装了该插件，就可以将带有flash动画对象的网页显示给浏览者；如果没有安装该插件，则可以将一幅以仅显示图像的方式的替代网页显示给浏览者。 要使用【检查插件】动作检查用户浏览器中是否安装flash播放器，其具体操作如下。 (1)在文档窗口中，选中整个文档附加行为，可以通过文档左下方状态行上的标记选择器选取标记。 (2)选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】

26、面板上的“+”按钮，并从动作菜单中选择【检查插件】命令。这时会出现如图7.23所示的【检查插件】对话框。,7.2.4 检查插件,图7.23 【检查插件】对话框,7.2.4 检查插件,(3)在【插件】选项组中，选择要检查的插件类型。选中【选择】单选按钮，并从右方的下拉列表中，选择插件类型为flash。 (4)在【如果有，转到url】文本框中，设置当检查到浏览器中安装了该插件时，跳转到的url地址为“book.htm”。也可以单击【浏览】按钮，从磁盘上选择目标锚上的文档。在【否则，转到url】文本框中，可以设置当检查到用户浏览器中尚未安装该插件时，跳转到的url地址为“book2.htm”。也可以

27、单击【浏览】按钮，从磁盘上选择目标锚上的文档。 (5)选中【如果无法检查，则始终转到第一个url】复选框，则如果浏览器不支持对该插件的检查特性，则直接跳转到上面设置的第一个url地址上。在大多数情况下，这时浏览器会提示下载该插件并安装它。 (6)单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，从弹出的事件菜单中选择事件为“onload”。 为网站页面添加【检查插件】动作行为，保存文档后在浏览器中浏览效果。如果浏览器中安装有flash播放器，则显示如图7.24所示的具有flash动画的网页。如果浏览器没有安装flash播放器，则将显示如图7.25所示的利用图

28、像代替flash动画的网页。,7.2.4 检查插件,图7.24 具有flash动画的网页,7.2.4 检查插件,图7.25 利用图像代替flash动画的网页,7.2.5 跳转到指定的网页,利用【转到url】动作，可以设置在当前浏览器窗口或指定的框架窗口中载入指定的页面。该动作在同时改变两个或多个框架内容时特别有用。它也可以在时间轴中调用，以便在指定时间间隔后跳转到一个新页面。 要使用【转到url】动作，其具体操作如下。 (1)在文档窗口中，选中要附加行为的对象“考试用书”按钮。 (2)选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】面板上的“+”按钮，并从动作菜单中选择【转到url】

29、命令。这时会出现如图7.26所示的【转到url】对话框。 (3)在【打开在】列表中将自动列出当前文档中的所有框架名称和主窗口，如果没有框架，主窗口将是惟一选项，从这个列表中选择打开链接目标锚端文档的窗口为“框架mainframe”。 (4)在url文本框中，设置链接的url地址为“science/computer/zxdream.htm”。也可以单击【浏览】按钮，从磁盘上选择目标锚段的文档。 (5)单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择事件“onclick”。 为页面中的“考试用书”按钮添加【转到url】动作行为，保存文

30、档后在浏览器中浏览效果。如果用户单击如图7.27所示的页面中的“考试用书”按钮，则浏览器窗口变化如图7.28所示。,7.2.5 跳转到指定的网页,图7.26 【转到url】对话框,7.2.5 跳转到指定的网页,图7.27 单击“考试用书”按钮,7.2.5 跳转到指定的网页,图7.28 浏览器主框架变化,7.2.6 打开浏览器窗口,使用【打开浏览器窗口】动作可以在一个新窗口中打开url。用户可以指定新窗口的属性，包括其大小、属性(大小是否可调，有无菜单条等)和名称。例如，可以使用该行为在单击缩略图时从一个独立窗口中打开较大的图像。使用该行为可以将新窗口的大小设置为和图像大小一样。 如果不为窗口设

31、置属性，那么它将使用其他的窗口的大小和属性打开。为窗口指定任何属性都会自动关闭其他那些没有明确设置的属性。例如，如果用户没有为窗口设置属性，它可能会以640480的分辨率打开，有导航栏、地址工具栏、状态栏和菜单条。如果用户明确指定其宽度为640、高度为480，而没有设置其他属性，那么该窗口打开时将没有导航栏、地址工具栏、状态栏、菜单条，也没有滚动条。 要使用【打开浏览器窗口】动作，其具体操作如下。 (1)在文档窗口中，选中要附加行为的对象“书苑”图像。选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】面板上的“+”按钮，并从动作菜单中选择【打开浏览器窗口】命令。这时会出现如图7.29所

32、示的【打开浏览器窗口】对话框。 (2)在【要显示的url】文本框中，输入在新浏览器窗口中载入的url地址为“newbook.htm”。也可以单击【浏览】按钮，从磁盘上选择链接目标锚端的文档。 (3)在【窗口宽度】文本框中，输入新浏览器窗口的宽度为“200”。在【窗口高度】文本框中，可以输入新浏览器窗口的高度为“180”。,7.2.6 打开浏览器窗口,图7.29 【打开浏览器窗口】对话框,7.2.6 打开浏览器窗口,(4)在【属性】选项组中，可以设置新浏览器窗口中是否显示相应的元素，选中复选框则显示该元素，清除复选框则不显示该元素，有下列几个复选框：【导航工具栏】、【菜单条】、【地址工具栏】、【

33、需要时使用滚动条】、【状态栏】和【调整大小手柄】。在这里只选择【导航工具栏】复选框，使浏览器窗口具有导航栏。 (5)在【窗口名称】文本框中，为新打开的浏览器窗口定义名称为“new book”。 (6)单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择事件为“onclick”。 为“网上书苑”网页页面中的“书苑”图像添加【打开浏览器窗口】动作行为，保存文档后在浏览器中浏览效果。如果用户单击如图7.30所示的“网上书苑”网页页面中的“书苑”图像，则会弹出如图7.31所示的一个新的浏览器窗口。用户可以注意到这个浏览器窗口大小和原先的不同，

34、而且只有导航栏。,7.2.6 打开浏览器窗口,图7.30 单击“书苑”图像,7.2.6 打开浏览器窗口,图7.31 在新的浏览器窗口中打开网页,7.2.7 设置状态条文本,使用【设置状栏文本】动作，可以在浏览器窗口左下角的状态栏中显示消息。例如，用户可以使用该动作在状态栏中描述链接，而不显示与之关联的url。 可以在文本中插入任何javascript函数调用、属性、全局变量或其他的表达式。要插入javascript表达式，请将其放在大括弧中()。如果要显示括号，前面加上斜杠转义符即可()。 要使用【设置状态栏文本】动作，其具体操作如下。 (1)在文档窗口中，选中整个文档附加行为，可以通过文档左

35、下方状态行上的标记选择器选取标记。 (2)选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】面板上的“+”按钮，并在动作菜单中，选择【设置文本】|【设置状态栏文本】命令。这时会出现如图7.32所示的【设置状态栏文本】对话框。,7.2.7 设置状态条文本,图7.32 【设置状态栏文本】对话框,7.2.7 设置状态条文本,(3)在【消息】文本框中输入“今天是new date()”。 (4)单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，需要从弹出的事件菜单中选择事件为“onload”。 为“newbook”网页添加【设置状态条文本】动作行为，保存文档后

36、在浏览器中浏览效果。当打开“newbook”网页，可以看到如图7.33所示状态栏信息。,7.2.7 设置状态条文本,图7.33 “newbook”网页浏览器状态栏信息,7.2.8 弹出信息对话框,利用【弹出信息】动作，可以在网页中显示信息对话框，起到提示信息的作用。最常见的信息对话框只有一个【确定】按钮，仅仅告诉用户发生了什么事情，利用dreamweaver的弹出信息动作，可以设计更复杂的信息类型。 要使用【弹出信息】动作，其具体操作如下。 (1)在文档窗口中，在“newbook”网页中选中要附加行为的对象“最新 dreaweaver8入门指南”文本。选择【窗口】|【行为】命令，打开【行为】面

37、板。 (2)单击【行为】面板上的“+”按钮，并从动作菜单中选择【弹出信息】命令。这时会出现如图7.34所示的【弹出信息】对话框。 (3)在【信息】文本框中输入“本书七折出售，欲购从速！”。 (4)单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择事件为“onload”。 为“newbook”网页添加【弹出信息】动作行为，保存文档后在浏览器中浏览效果。当打开为“newbook”网页时可以看到如图7.35所示的信息提示框。,7.2.8 弹出信息对话框,图7.34 【弹出信息】对话框,图7.35 信息提示框,7.3 上 机 实 战,本节上机实战要求利用行为改变“网上书苑”的文字颜色。 1. 实战目的 通过实战，巩固学习利用行为的方法，学会改变网页文字的颜色的方法。 2.