第11章-使用行为制作特效网页

《网页设计与制作基础教程(第3版)》第十一章使用行为制作特效网页:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::学习目标

在网页中使用“行为”可以创建各种特殊的网页效果，例如弹出信息、交换图像、跳转菜单等。行为是一系列使用JavaScript程序预定义的页面特效工具，是JavaScript在DreamweaverCC中内建的程序库。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::本章重点

认识行为

创建与编辑行为

使用Dreamweaver内置行为:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.1认识行为

Dreamweaver网页行为是Abobe公司借助JavaScript开发的一组交互特效代码库。在DreamweaverCC中，用户可以通过简单的可视化操作对交互特效代码进行编辑，从而创建出丰富的网页应用。

行为的基础知识

使用“行为”面板编辑网页行为:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.1.1行为的基础知识

行为是指在网页中进行的一系列动作，通过这些动作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。在Dreamweaver中，行为由事件和动作两个基本元素组成。通常动作是一段JavaScript代码，利用这些代码可以完成相应的任务；事件则由浏览器定义，事件可以被附加到各种页面元素上，也可以被附加到HTML标记中，并且一个事件总是针对页面元素或标记而言的。

行为的概念

事件的概念:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.1.2使用“行为”面板

在网页中应用行为之前，用户需要了解“行为”面板，该面板的作用是显示当前用户选择的网页对象的事件和行为属性。在Dreamweaver中选择“窗口”|“行为”命令，即可显示如图11-1所示的“行为”面板。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.1.3编辑网页行为

在DreamweaverCC中打开“行为”面板后，单击该面板中的“添加行为”按钮，即可在弹出的菜单中选择相关的网页行为，通过各种设置属性，将其添加至网页中，如图11-2所示。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.2使用行为调节浏览器

在网页中最常使用的JavaScript源代码是调节浏览器窗口的源代码，它可以按照设计者的要求打开新窗口或更换新窗口的形状，同时根据用户所使用的浏览器，将浏览器中的显示内容设置为不同的形式。

打开浏览器窗口

调用JavaScript转到URL:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.3使用行为控制图像

图像是网页设计中必不可少的元素。在Dreamweaver中，我们可以通过使用行为，以各种各样的方式在网页中应用图像元素，从而制作出富有动感的网页效果。

交换图像

预先载入图像:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.4使用行为显示文本

文本作为网页文件中最基本的元素，比图像或其他多媒体元素具有更快的传输速度，因此网页文件中的大部分信息都是用文本来表示的。本节将通过实例介绍在网页中利用行为显示特殊位置上文本的方法。

弹出信息显示状态栏文本

设置容器的文本

设置文本域文字:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.5使用行为加载多媒体

在DreamweaverCC中，用户可以利用行为控制网页中的多媒体，包括确认多媒体插件程序是否安装、显示隐藏元素、改变属性等。

检查插件改变属性

显示-隐藏元素:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::11.6使用行为控制表