1、第 八 章,在网页中添加行为,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,学 习 目 标,行为是Dreamweaver中非常有特色功能，可以不编写JavaScript代码，即可实现多种动态页面效果，例如交换图像、弹出提示信息，设置导航栏图像等。本章主要介绍Dreamweaver CS4中内置行为的使用方法。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,本 章 重 点,行为的基础知识【行为】面板使用Dreamweaver CS4内置,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.1 行为的基础知识,行为是指在网页中进行的一系列动作，通过这些
2、动作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。在Dreamweaver中，行为由事件和动作两个基本元素组成。通常动作是一段JavaScript代码，利用这些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种页面元素上，也可以被附加到HTML标记中，并且一个事件总是针对页面元素或标记而言的。行为的概念 事件的分类,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.1.1 行为的概念,行为是Dreamweaver CS4中重要的一个部分，通过行为，可以方便地制作出许多网页效果，极大地提高了工作效率。行为由两个部分组成，即事件和动作，通过事件的响应进而
3、执行对应的动作。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.1.2 事件的分类,Dreamweaver CS4中的行为事件可以分为鼠标时间、键盘事件、表单事件和页面事件。每个事件都含有不同的触发方式。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.2 【行为】面板,在【行为】面板中可以将Dreamweaver CS4内置的行为附加到页面元素，并且可以修改以前所附加行为的参数。选择【窗口】|【行为】命令，打开【标签检查器】面板，默认打开【行为】选项面板，如图所示。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.3 DREAMWEAV
4、ER内置行为,Dreamweaver CS4内置了许多种行为动作，基本可以满足网页设计的需要。下面将Dreamweaver CS4中常用内置行为进行分类，分别介绍这些行为的使用方法。图像类操作行为 控制类行为 导航栏行为 状态栏行为 检查类行为 其他常用行为,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.3.1 图像操作类行为,图像操作类行为主要是与图像元素有关的行为，包括【预先载入图像】行为、【交换图像】行为和【恢复交换图像】行为。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.3.2 控制类行为,控制类行为主要是与控制元素有关的行为，包括拖动层行为和
5、显示-隐藏元素行为。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.3.3 导航栏行为,导航类行为主要是与导航有关的行为，例如设置导航栏图像等。要对导航栏的图像进行编辑，或是对图像状态进行更多的控制，可以使用【行为】选项卡面板中的【设置导航栏图像】动作。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.3.2 状态栏行为,状态栏行为主要可以在浏览器窗口中的状态栏显示文本消息，用于优化网页细节。要对状态栏的文本进行编辑，或是对文本状态进行更多的控制，可以使用【行为】选项卡面板中的【设置状态栏文本】行为。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.3.5 检查类行为,检查类行为主要是与检查、检测有关的行为，例如可以使用这类行为来检查浏览器、检查插件和检查表单等。,:计算机基础与实训教材系列系列丛书官方网站 http:/ :,8.3.6 其他常用行为,除了前面介绍的一些行为外，还可以使用以下一些常用行为，例如调用JavaScript和改变属性行为等。,
