1、第7章 创建和使用行为,第7章 创建和使用行为,教学提示：通过学习这些内容，用户将掌握在制作网页中运用行为这个不可或缺的网页元素的方法。 教学目标：行为允许浏览者与Web页面交互并在很多方面改变页面。行为是事件和该事件所触发的动作的结合。本章将首先详细讲述如何利用Dreamweaver 8中的【行为】面板在页面中添加行为动作，并设置触发动作的事件，然后讲述如何编辑和更新行为，以及介绍在页面中如何使用Dreamweaver 8中内置的几种常用的行为。,第7章 创建和使用行为,7.1 创 建 行 为 7.2 使用内置行为 7.3 上 机 实 战,7.1.1 附加行为 7.1.2 编辑行为 7.1.
2、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标记)附加行为，也可以对链接、图像、表单元素或其他任何HTML
5、元素附加行为。用户选择的目标浏览器决定了对于给定元素可以支持哪些事件。例如，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) 在文档中选中需要添加行为的文本。 (2)
8、选择文档编辑窗口上方的【代码】命令，打开如图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 调用Ja
14、vaScript代码,【调用JavaScript】动作让用户可以使用【行为】面板指定当事件发生时要执行的自定义函数或者JavaScript代码(可以自己书写JavaScript，也可以使用Web页面上免费发布的各种JavaScript库)。 可以利用【调用JavaScript】动作在网页中制作一个【后退】按钮。调用JavaScript动作制作这个按钮的具体操作如下。 (1) 在文档窗口中，选中要附加行为的对象【后退】按钮。如图7.1所示，单击【窗口】|【行为】命令，打开如图7.2所示的【行为】面板。 (2) 单击【行为】面板上的“+”按钮，并从如图7.3所示的动作菜单中选择【调用JavaScr
15、ipt】选项。这时会出现如图7.9所示的对话框。 (3) 在该对话框中可以直接输入“if (history.length 0)history.back()”。 (4) 单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择另一个事件。如果用户需要的事件没有列出，请在【显示事件】子菜单中改变目标浏览器。 为【后退】按钮附加了【调用JavaScript】动作行为，保存文档后在浏览器中预览效果，如果单击如图7.10所示的网页中的【后退】按钮，则页面将后退到刚才浏览的页面，这个按钮的作用和浏览器上的【后退】按钮的作用一样。,7.2.1 调用Ja
16、vaScript代码,图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) 单击【确定】按钮确定插
18、入脚本。然后在【调用JavaScript】对话框中输入函数名称“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) 选择【文件】|【保存】命令将文件存盘，然后选择【文件】|【在浏览器中预览】| iexpl
20、ore命令，或直接按F12键，使用Internet 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及以后版本的用户转到某个页
21、面，而将使用Internet Explorer 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”。也可以单击【浏览】按钮，
24、从磁盘上选择链接目标锚的文档。 (6) 单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，从弹出的事件菜单中选择事件为“Onload”。如果用户需要的事件没有列出，则要在【显示事件】子菜单中改变目标浏览器。 (7) 页面添加【检查浏览器】动作行为，保存文档后在浏览器中浏览效果。如果用户的浏览器版本在4.0以上，则显示如图7.16所示的利用层布局的网页。如果用户的浏览器版本比较低，则将显示如图7.17所示的利用表格布局的网页。,7.2.3 检查浏览器,图7.20 【检查浏览器】对话框,7.2.3 检查浏览器,图7.21 在高版本浏览器中显示的网页,7.2.3
25、检查浏览器,图7.22 在低版本浏览器中显示的网页,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】文本框中，可以设置当检查到用户浏览器中尚未安装该
27、插件时，跳转到的URL地址为“Book2.htm”。也可以单击【浏览】按钮，从磁盘上选择目标锚上的文档。 (5) 选中【如果无法检查，则始终转到第一个URL】复选框，则如果浏览器不支持对该插件的检查特性，则直接跳转到上面设置的第一个URL地址上。在大多数情况下，这时浏览器会提示下载该插件并安装它。 (6) 单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，从弹出的事件菜单中选择事件为“Onload”。 为网站页面添加【检查插件】动作行为，保存文档后在浏览器中浏览效果。如果浏览器中安装有Flash播放器，则显示如图7.24所示的具有Flash动画的网页。如果浏
28、览器没有安装Flash播放器，则将显示如图7.25所示的利用图像代替Flash动画的网页。,7.2.4 检查插件,图7.24 具有Flash动画的网页,7.2.4 检查插件,图7.25 利用图像代替Flash动画的网页,7.2.5 跳转到指定的网页,利用【转到URL】动作，可以设置在当前浏览器窗口或指定的框架窗口中载入指定的页面。该动作在同时改变两个或多个框架内容时特别有用。它也可以在时间轴中调用，以便在指定时间间隔后跳转到一个新页面。 要使用【转到URL】动作，其具体操作如下。 (1) 在文档窗口中，选中要附加行为的对象“考试用书”按钮。 (2) 选择【窗口】|【行为】命令，打开【行为】面板
29、。单击【行为】面板上的“+”按钮，并从动作菜单中选择【转到URL】命令。这时会出现如图7.26所示的【转到URL】对话框。 (3) 在【打开在】列表中将自动列出当前文档中的所有框架名称和主窗口，如果没有框架，主窗口将是惟一选项，从这个列表中选择打开链接目标锚端文档的窗口为“框架Mainframe”。 (4) 在URL文本框中，设置链接的URL地址为“science/Computer/zxdream.htm”。也可以单击【浏览】按钮，从磁盘上选择目标锚段的文档。 (5) 单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择事件“Oncl
30、ick”。 为页面中的“考试用书”按钮添加【转到URL】动作行为，保存文档后在浏览器中浏览效果。如果用户单击如图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) 在文档窗口中，选中要附加行为的对象“书苑”图像。选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】面板上的“+
32、”按钮，并从动作菜单中选择【打开浏览器窗口】命令。这时会出现如图7.29所示的【打开浏览器窗口】对话框。 (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所示的“网上书苑”网页页面中的“书苑”图像，则会弹出
34、如图7.31所示的一个新的浏览器窗口。用户可以注意到这个浏览器窗口大小和原先的不同，而且只有导航栏。,7.2.6 打开浏览器窗口,图7.30 单击“书苑”图像,7.2.6 打开浏览器窗口,图7.31 在新的浏览器窗口中打开网页,7.2.7 设置状态条文本,使用【设置状栏文本】动作，可以在浏览器窗口左下角的状态栏中显示消息。例如，用户可以使用该动作在状态栏中描述链接，而不显示与之关联的URL。 可以在文本中插入任何JavaScript函数调用、属性、全局变量或其他的表达式。要插入JavaScript表达式，请将其放在大括弧中()。如果要显示括号，前面加上斜杠转义符即可()。 要使用【设置状态栏文
35、本】动作，其具体操作如下。 (1) 在文档窗口中，选中整个文档附加行为，可以通过文档左下方状态行上的标记选择器选取标记。 (2) 选择【窗口】|【行为】命令，打开【行为】面板。单击【行为】面板上的“+”按钮，并在动作菜单中，选择【设置文本】|【设置状态栏文本】命令。这时会出现如图7.32所示的【设置状态栏文本】对话框。,7.2.7 设置状态条文本,图7.32 【设置状态栏文本】对话框,7.2.7 设置状态条文本,(3) 在【消息】文本框中输入“今天是new Date()”。 (4) 单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，需要从弹出的事件菜单中选择
36、事件为“Onload”。 为“NewBook”网页添加【设置状态条文本】动作行为，保存文档后在浏览器中浏览效果。当打开“NewBook”网页，可以看到如图7.33所示状态栏信息。,7.2.7 设置状态条文本,图7.33 “NewBook”网页浏览器状态栏信息,7.2.8 弹出信息对话框,利用【弹出信息】动作，可以在网页中显示信息对话框，起到提示信息的作用。最常见的信息对话框只有一个【确定】按钮，仅仅告诉用户发生了什么事情，利用Dreamweaver的弹出信息动作，可以设计更复杂的信息类型。 要使用【弹出信息】动作，其具体操作如下。 (1) 在文档窗口中，在“NewBook”网页中选中要附加行为
37、的对象“最新 Dreaweaver8入门指南”文本。选择【窗口】|【行为】命令，打开【行为】面板。 (2) 单击【行为】面板上的“+”按钮，并从动作菜单中选择【弹出信息】命令。这时会出现如图7.34所示的【弹出信息】对话框。 (3) 在【信息】文本框中输入“本书七折出售，欲购从速！”。 (4) 单击【确定】按钮确定操作。查看默认事件是否是用户需要的事件。如果该事件不是用户所需的，可以从弹出的事件菜单中选择事件为“Onload”。 为“NewBook”网页添加【弹出信息】动作行为，保存文档后在浏览器中浏览效果。当打开为“NewBook”网页时可以看到如图7.35所示的信息提示框。,7.2.8 弹
38、出信息对话框,图7.34 【弹出信息】对话框,图7.35 信息提示框,7.3 上 机 实 战,本节上机实战要求利用行为改变“网上书苑”的文字颜色。 1. 实战目的 通过实战，巩固学习利用行为的方法，学会改变网页文字的颜色的方法。 2. 实战步骤 利用行为来改变网页背景颜色的具体操作如下。 (1) 打开前面制作的“网上书苑”主页。 (2) 在网页中作为背景的层中再插入一个新的嵌套层，将其放到网站徽标下文，在其中插入一个无边框的12表格，并分别输入“蓝色文字”、“红色文字”。结果如图7.36所示。 (3) 为两“蓝色文字”、“红色文字”分别加入一个空链接。 (4) 为“蓝色文字”、“红色文字”分别
39、添加行为，在如图7.37所示的【改变属性】对话框中，设置其属性为“style.color”、颜色分别为“蓝色”和“红色”，对象为背景层。 (5) 保存文件，预览结果，分别点击“蓝色文字”和“红色文字”会改变嵌套层中所有的文字颜色，结果如图7.38所示。,7.3 上 机 实 战,图7.36 输入文本后的效果,7.3 上 机 实 战,图7.37 属性设置对话框,7.3 上 机 实 战,图7.38 改变颜色的预览效果,7.3 上 机 实 战,图7.38 (续),7.4 习 题,1 单项选择题 2 多项选择题 3 判断题 4 问答题,7.4 习 题_单项选择题,(1) 在浏览 时，我们不用使用Chec
40、k Plugin（检测插件）动作来检测访问者是否安装了必须的插件？ AFlash BQuicktime文件 C图片文件 DShockwave文件 (2) 在Dreamweamer中，下面关于检测插件行为的说法错误的是 。 A向拥有相应插件的访问者传送包含媒体内容的网页 B向那些没有安装相应插件的访问者传送一个提供下载插件服务的网页 C只有对Flash、Quicktime、Shockwave三种多媒体文件的插件进行检测 D该功能支持所有的多媒体文件 (3) 在Dreamweave中，下面关于跳转网页的说法错误的是 。 A如果在网页中存在框架，可以选择在特定的框架中打开跳转的网页 B可以为行为设置
41、不同的事件 C跳转网页只能在同个网站中跳转网页 D可以同时跳转几个网页,7.4 习 题_多项选择题,(1) 如果想在打开一个页面的同时弹出另一个新窗口，应该进行的设置是 。 A在“行为”中选择“弹出信息” B在“行为”中选择“打开浏览器窗口” C在“Events”中选择“onLoad” D在“Events”中选择“onUnload” (2) 下面中关于行为、事件和动作的说法正确的是 。 A动作的发生是在事件的发生以后 B事件的发生是在动作的发生以后 C事件和动作是同时发生的 D以上说法都错 (3) 在Dreamweaver 中，行为是由 构成的。 A事件 B动作 C初级行为 D最终动作,7.4 习 题_ 判断题,(1) 在浏览图片时，需要使用“检测插件”动作来检测。 ( ) (2) 动作的发生在事件的发生以后。 ( ) (3) 可以同时跳转几个网页。 ( ),7.4 习 题_问答题,(1) Dreamweaver 8 中有哪些常用的事件？ (2) 如何添加一个【检查浏览器】行为？ (3) 在大多数浏览器中的超链接上都会发生的3种事件是什么？,
