Dreamweaver CS5 网页的设计与应用（第2版）第11章　行为.pptxVIP

第11章　行为 本章简介 行为是Dreamweaver预置的JavaScript程序库，每个行为包括一个动作和一个事件。任何一个动作都需要一个事件激活，两者相辅相成。动作是一段已编辑好的JavaScript代码，这些代码在特定事件被激发时执行。本章主要讲解了行为和动作的应用方法，通过这些内容的学习，可以在网页中熟练应用行为和动作，使设计制作的网页更加生动精彩。 课堂学习目标 了解“行为”控制面板 掌握应用行为的方法 掌握动作的使用方法和技巧 11.1　行为概述 “行为”控制面板 应用行为 11.1.1 “行为”控制面板 用户习惯于使用“行为”控制面板为网页元素指定动作和事件。在文档窗口中，选择“窗口 行为”命令，启用“行为”控制面板。 “行为”控制面板 11.2.1 打开浏览器窗口 使用“打开浏览器窗口”动作在一个新的窗口中打开指定的URL，还可以指定新窗口的属性、特征和名称。 11.2.2 拖动层 使用“拖动层”动作的具体操作步骤如下。 （1）通过单击文档窗口底部标签选择器中的 body 标签选择 body对象，并启用“行为”控制面板。 （2）在“行为”控制面板中单击“添加行为”按钮 ，并在弹出的菜单中选择“拖动AP元素”动作，弹出“拖动AP元素”对话框。 （3）如果不是默认事件，则单击该事件，会弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （4）按F12键浏览网页效果。 11.2.3 设置容器的文本 使用“设置层文本”动作的具体操作步骤如下。 使用“设置层文本”动作的具体操作步骤如下。 （1）选择“插入”面板“布局”选项卡中的“绘制AP Div”按钮 ，在“设计”视图中拖曳出一个图层。在“属性”面板的“层编号”选项中输入层的唯一名称。 （2）在文档窗口中选择一个对象，如文字、图像、按钮等，并启用“行为”控制面板。 （3）在“行为”控制面板中单击“添加行为”按钮 ，并在弹出的菜单中选择“设置文本 设置容器的文本”命令，弹出“设置层文本”对话框。 （4）如果不是默认事件，则单击该事件，会弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （5）按F12键浏览网页效果。 11.2.4 设置状态栏文本 使用“设置状态栏文本”动作的具体操作步骤如下。 （1）选择一个对象，如文字、图像、按钮等，并启用“行为”控制面板。 （2）在“行为”控制面板中单击“添加行为”按钮 ，并在弹出的菜单中选择“设置文本 设置状态栏文本”命令，弹出“设置状态栏文本”对话框对话框中只有一个“消息”选项，其含义是在文本框中输入要在状态栏中显示的消息。消息要简明扼要，否则，浏览器将把溢出的消息截断。 在对话框中根据需要输入状态栏消息或相应的JavaScript代码，单击“确定”按钮完成设置。 （3）如果不是默认事件，在“行为”控制面板中单击该动作前的事件列表，选择相应的事件。 （4）按F12键浏览网页效果。 11.2.5 设置文本域文字 使用“设置文本域文字”动作的具体操作步骤如下。 （1）若文档中没有“文本域”对象，则要创建命名的文本域，先选择“插入 表单 文本域”命令，在表单中创建文本域。然后在“属性”面板的“文本域”选项中输入该文本域的名称，并使该名称在网页中是唯一的。 （2）选择文本域并启用“行为”控制面板。 （3）在“行为”控制面板中单击“添加行为”按钮 ，并在弹出的菜单中选择“设置文本 设置文本域文字”命令，弹出“设置文本域文字”对话框。 （4）如果不是默认事件，则单击该事件，会弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （5）按F12键浏览网页效果。 11.2.6 设置框架文本 使用“设置框架文本”动作的具体操作步骤如下。 （1）若网页不包含框架，则选择“修改 框架集”命令，在其子菜单中选择一个命令，如“拆分左框架”、“拆分右框架”、“拆分上框架”或“拆分下框架”，创建框架集。 （2）启用“行为”控制面板。在“行为”控制面板中单击“添加行为”按钮 ，并在弹出的菜单中选择“设置文本 设置框架文本”动作，弹出“设置框架文本”对话框。 （3）如果不是默认事件，则单击该事件，会弹出包含全部事件的事件列表，用户可根据需要选择相应的事件。 （4）按F12键浏览网页效果。 11.2.7 课堂案例——佳佳生鲜网 使用设置状态栏文本命令设置在加载网页文档时在状态栏中显示的文字。 效果图 课堂练习——娱乐小屋游戏网 使用弹出信息制作网站欢迎界面。 效果图 课后习题——合众联电子商务网 使用设置状态栏文本命令制作在浏览器窗口左下角的状态栏中显示消息。 效果图