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