Dreamweaver网页设计与应用（Dreamweaver CC 2019）（微课版）课件 10 行为

项目引入：行为是Dreamweaver预置的JavaScript程序库，每个行为包括一个动作和一个事件。任何一个动作都需要一个事件激活，两者相辅相成。动作是一段已编辑好的JavaScript代码，这些代码在特定事件被激发时执行。本项目主要讲解行为和动作的使用方法。通过对这些内容的学习，学生可以在网页中熟练使用行为和动作，使制作的网页更加生动、精彩。项目10行为了解“行为”面板掌握行为的使用方法掌握动作的使用方法和技巧项目目标掌握“品牌商城网页”的关键制作步骤技能目标培养持续学习、独立思考的能力培养实践能力和专注力素养目标任务10.1行为概述“行为”面板使用行为10.1.1“行为”面板一般使用“行为”面板为网页元素指定动作和事件。选择“窗口>行为”命令，或按Shift+F4组合键，弹出“行为”面板。“行为”面板10.1.2使用行为1．将行为附加到网页元素上10.1.2使用行为2．将行为附加到文本上任务10.2动作打开浏览器窗口转到URL设置容器的文本设置状态栏文本设置文本域文字跳转菜单跳转菜单开始任务实践—品牌商城网页10.2.1打开浏览器窗口使用“打开浏览器窗口”动作可以在一个新的窗口中打开指定的URL，还可以指定新窗口的属性、特征和名称。“打开浏览器窗口”对话框10.2.2转到URL“转到URL”动作的功能是在当前窗口或指定的框架中打开一个新页面。此动作尤其适用于通过一次单击操作更改两个或多个框架的内容。“转到URL”对话框10.2.3设置容器的文本使用“设置容器的文本”动作的具体操作步骤如下。（1）单击“插入”面板“HTML”选项卡中的“Div”按钮，在文档窗口中生成一个div容器。选中该div容器，在“属性”面板的“DivID”文本框中输入名称。（2）在文档窗口中选择一个对象，如文字、图像、按钮等，打开“行为”面板。（3）在“行为”面板中单击“添加行为”按钮，并从弹出的菜单中选择“设置文本>设置容器的文本”命令，弹出“设置容器的文本”对话框。（4）如果不是默认事件，则单击该事件，出现下拉按钮，单击该下拉按钮，弹出包含全部事件的下拉列表，可根据需要选择相应的事件。（5）按F12键浏览网页效果。10.2.4设置状态栏文本使用“设置状态栏文本”动作的具体操作步骤如下。（1）选择一个对象，如文字、图像、按钮等，打开“行为”面板。（2）在“行为”面板中单击“添加行为”按钮，并从弹出的菜单中选择“设置文本>设置状态栏文本”命令，弹出“设置状态栏文本”对话框。对话框中只有一个“消息”选项，可以设置在状态栏中显示的消息。消息要简明扼要，否则浏览器将把溢出的消息截断。在对话框中根据需要输入状态栏消息或相应的JavaScript代码，单击“确定”按钮完成设置。（3）如果不是默认事件，在“行为”面板中展开该动作的下拉列表，选择相应的事件。（4）按F12键浏览网页效果。10.2.5设置文本域文字使用“设置文本域文字”动作的具体操作步骤如下。（1）若文档中没有文本域对象，则要先创建文本域。先选择“插入>表单>文本区域”命令，在页面中创建文本区域。然后在“属性”面板的“Name”文本框中输入该文本域的名称，该名称在网页中应是唯一的。（2）选择文本域并打开“行为”面板。（3）在“行为”面板中单击“添加行为”按钮，并从弹出的菜单中选择“设置文本>设置文本域文字”命令，弹出“设置文本域文字”对话框。（4）如果不是默认事件，则单击该事件，出现下拉按钮，单击该下拉按钮，弹出包含全部事件的下拉列表，可根据需要选择相应的事件。（5）按F12键浏览网页效果。10.2.6跳转菜单跳转菜单是链接的一种形式，与真正的链接相比，跳转菜单可以节省很大的空间。跳转菜单从表单中的菜单发展而来，可通过“行为”面板中的“跳转菜单”命令进行添加。“跳转菜单”对话框10.2.7跳转菜单开始“跳转菜单开始”动作与“跳转菜单”动作关联密切。“跳转菜单开始”将“前往”按钮和跳转菜单关联起来，单击“前往”按钮将打开在跳转菜单中选择的链接。通常情况下，跳转菜单不需要“前往”按钮。但是如果跳转菜单出现在一个框架中，而跳转菜单项链接到其他框架中的页，则通常需要使用“前往”按钮，以允许访问者重新选择已在跳转菜单中选择的菜单项。“跳转菜单开始”对话框任务实践—品牌商城网页使用“交换图像”命令制作鼠标指针经过