Dreamweaver-CC网页设计与应用整本书课件完整版电子讲义全套课件最全教学教程ppt(最新).pptVIP

10.1　行为概述 “行为” 面板 应用行为 10.1.1 “行为” 面板 用户习惯于使用“行为”面板为网页元素指定动作和事件。在文档窗口中，选择“窗口 行为”命令，或按Shift+F4组合键，弹出“行为”面板。 “行为”面板 10.1.2 应用行为 1．将行为附加到网页元素上 2．将行为附加到文本上 10.2 动作 打开浏览器窗口 转到 URL 设置容器的文本 设置状态栏文本 设置文本域文字 跳转菜单 跳转菜单开始 课堂案例——品牌商城网页 10.2.1 打开浏览器窗口 使用“打开浏览器窗口”动作在一个新的窗口中打开指定的URL，还可以指定新窗口的属性、特征和名称，具体操作步骤如下。 （1）打开一个网页文件，选择一张图片。 （2）弹出“行为”面板，单击“添加行为”按钮 ，并在弹出的菜单中选择“打开浏览器窗口”命令，弹出“打开浏览器窗口”对话框，在对话框中根据需要设置相应的参数，单击“确定”按钮完成设置。 10.2.2 转到 URL “转到URL”动作的功能是在当前窗口或指定的框架中打开一个新页。此操作尤其适用于通过一次单击操作更改两个或多个框架的内容。 使用“转到URL”动作的具体操作步骤如下。 （1）选择一个网页元素对象并打开“行为”面板。 （2）单击“添加行为”按钮 ，并从弹出的菜单中选择“转到URL”命令，弹出“转到URL”对话框。在对话框中根据需要设置相应的选项，单击“确定”按钮完成设置。 10.2.3 设置容器的文本 使用“设置层文本”动作的具体操作步骤如下。 （1）单击“插入”面板“HTML”选项卡中的“Div”按钮 ，在文档窗口中生成一个div容器。选中窗口中的div容器，在“属性”面板的“Div ID”选项的文本框中输入一个名称。 （2）在文档窗口中选择一个对象，如文字、图像、按钮等，并打开“行为”面板。 （3）在“行为”面板中，单击“添加行为”按钮 ，并从弹出的菜单中选择“设置文本 设置容器的文本”命令，弹出“设置容器的文本”对话框。 （4）如果不是默认事件，则单击该事件，会出现箭头按钮 ，单击 ，弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （5）按F12键浏览网页效果。 使用“设置状态栏文本”动作的具体操作步骤如下。 （1）选择一个对象，如文字、图像、按钮等，并打开“行为”面板。 （2）在“行为”面板中单击“添加行为”按钮 ，并从弹出的菜单中选择“设置文本 设置状态栏文本”命令，弹出“设置状态栏文本”对话框。对话框中只有一个“消息”选项，用于在文本框中输入要在状态栏中显示的消息。消息要简明扼要，否则，浏览器将把溢出的消息截断。 在对话框中根据需要输入状态栏消息或相应的JavaScript代码，单击“确定”按钮完成设置。 （3）如果不是默认事件，在“行为”控制面板中单击该动作前的事件列表，选择相应的事件。 （4）按F12键浏览网页效果。 10.2.5 设置文本域文字 使用“设置文本域文字”动作的具体操作步骤如下。 （1）若文档中没有“文本域”对象，则要创建命名的文本域，先选择“插入 表单 文本区域”命令，在页面中创建文本区域。然后在“属性”面板的“文本区域”选项中输入该文本域的名称，并使该名称在网页中是唯一的。 （2）选择文本域并打开“行为”面板。 （3）在“行为”面板中单击“添加行为”按钮 ，并从弹出的菜单中选择“设置文本 设置文本域文字”命令，弹出“设置文本域文字”对话框。 （4）如果不是默认事件，则单击该事件，会弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （5）按F12键浏览网页效果。 10.2.6 跳转菜单 跳转菜单是创建链接的一种形式，与真正的链接相比，跳转菜单可以节省很大的空间。跳转菜单从表单中的菜单发展而来，通过“行为”面板中的“跳转菜单”选项进行添加。 使用“跳转菜单”动作的具体操作步骤如下。 （1）新建一个空白页面，并将其保存在适当的位置。单击“插入”面板“表单”选项卡中的“表单”按钮 ，在页面中插入一个表单。 （2）单击“插入”面板“表单”选项卡中的“选择”按钮 ，在表单中插入一个列表菜单。选中英文“Select:”并按Delete键将其删除。 （3）在页面中选择列表菜单，打开“行为”面板，单击“添加行为”按钮 ，并从弹出的菜单中选择“跳转菜单”命令，弹出“跳转菜单”对话框。 （4）如果不是默认事件，则单击该事件，会出现箭头按钮 单击 ，弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （5）按F12键浏览网页。 10.2.7 跳转菜单开始 “跳转菜单开始”动作与“跳转菜单”动作密切关