28
改变属性
元素ID：下列列表中列出所有所选类型的命名对象，
从中选择要改变的对象的名称。
属性，从中选择一个属性。 新的值：输入一个新值。
单击确定。
29
检查表单
利用【检查表单】动作可以为表单中各元素设置
有效性规则，并检查指定文本域的内容以确保用
户输入正确的数据类型
使用【检查表单】动作的操作步骤如下：
18
浏览器状态栏
•
注意：不一定设置的状态
栏文本能被所有的浏览器 支持，有些浏览器必须通
过用户设置才能支持这个
功能。 • 此类浏览器不支持的情况
也可能发生在后续介绍的
其他行为上。
19
设置文字：文本域文字
在制作表单时，希望能够在文本字段上显示一些 提示，当用户要输入时这些提示会自动清除，就 可以使用“设置文本域文字”
– – – –
•
•
1、易用性 2、动态交互性 3、跨平台性
4、安全性
JavaScript是安全性高的语言，它只能 通过浏览器实现对网络的访问和动态交 互，可以有效地阻止通过访问本地硬盘 或者将数据存入到服务器
8
JavaScript语言
JavaScript程序的示例：
<script type="text/javascript">
使用【弹出信息】动作的操作步骤如下：
①
选择<body>标签并打开行为面板。并从“添加动作” 菜单中选择【弹出信息】。打开“弹出信息”对话框。
②
③
在【消息】域中输入在信息框中将要显示的信息文字。
选择【行为】面板中事件onLoad事件
15
打开浏览器窗口
2
打开浏览器窗口
应用：
在打开网站首页的同时，弹出一个小型的浏览 器窗口，用于广告或通知等。 使用的【打开浏览器窗口】动作在一个新的窗 口中打开URL。
方式1：在“文本域”的“属性”面板中 “初始值”中设置要显示的提示文本，对“设置文本域文 字”的“新建文本”留白，动作选为“onFocus”
方式2：在“设置文本域文字”的“新建文本”中输入提 示文本
方式3：对“文本域”使用“Spry验证文本域”功能中的 “提示”属性
20
交换图像
【交换图像】动作通过更改<img>标签的src属性 将一个图像和另一个图像进行交换。 使用【交换图像】行为的操作步骤如下：
【添加行为】 在出现的 动作菜单中, 选择一个动作， 并指定该动作的相关参数， 即可添加行为。
10
【行为】面板 介绍
【显示事件】 在此菜单中选择确定哪些事件将 显示在“事件”弹出式菜单中 【删除事件】 单击“删除事件”按钮，可以从 行为列表中删除所选的事件和动作。 【向上移动】和【向下移动】 将特定事件的所 选动作在行为列表中向上或向下移动。给定事件 的动作是以选定的顺序执行的。
若要只允许水平移动，则在“左”和“右”文本框中输入正值，在 “上”和“下”文本框中输入 0
24
拖动AP元素：设置
放下目标：希望访问者将 AP 元素拖动到的点
当 AP 元素的左坐标和上坐标与在“左”和“上”框中输入的值 匹配时，便认为 AP 元素已经到达拖放目标。
这些值是与浏览器窗口左上角的相对值。 单击“取得目前位置”可使用 AP 元素的当前位置自动填充这些 文本框。
③
④
从“打开在”列表中选择文档的位置。
在【行为】面板中选择onClick事件。
26
显示/隐藏元素
【显示-隐藏元素】动作显示、隐藏或恢复一个 或多个对象的默认可见性。 使用【显示-隐藏对象】动作操作步骤如下：
①
打开【行为】面板，单击“+”按钮并从【动作】下 拉列表中选择【显示-隐藏元素】，选择要显示或隐 藏的元素； 单击【确定】按钮。检查默认事件是否是所需的事件。
跨平台、兼容性高（JavaScript） 使用简单、修改容易（行为面板）
无限扩展的可能（Adobe Exchange网站: https:///）
3
行为的概述
行为
动态交互响应用户的操作、改变当前网页效果
或执行特定任务的一种方法。
行为是由事件和动作两部分组成，是动作和触
① 首先在文档中插入表单和文本域。
② 选择“提交按钮”。
③ 从【添加行为】下拉列表中选择【检查表单】动作。
30
检查表单
域：从列表中选择一个文本域
值：如果某个域的内容不能为空，则选中“必需的”
可接受：接受输入的形式。 ③
单击【确定】按钮，在【行为】面板中选择onClick事件。
31
Dreamweaver的扩展程序
第13章 使用行为
马宝君 北京邮电大学 2014-05-06
本章重点：
如何在网页中添加行为
如何为“事件”选择合适的“动作”。
2
行为的特征
行为的出现是让Dreamweaver流行的一大原因，它加入网 页中常用的特效或功能程序代码，简化成对话框的设置， 大大加速了网页的开发。 Dreamweaver将许多常用程序整合到“行为”面板中，让 网页设计者能够很方便地加入这些程序效果，而且它本身 的设计是开放性的，除了Adobe官网外，全世界有许多爱 好者为Dreamweaver开发了许多很好的扩展程序，让它的 功能更加强大。行为的使用具有以下三种特征
11
向页面中添加基本行为
•
添加行为：通过“行为”面板上的“添加行为” 按钮，可以将行为附加到整个文档，也可以附加 到链接、图像、表单元素或多种其他HTML元素 中的任何一种。 事件的选择：在添加行为后，当单击行为列表框 中所选事件名称旁边的箭头按钮时，会出现一个 下拉菜单，其中包含可以触发该动作的所有事件。 根据所选对象的不同，显示的事件也有所不同。 例：“弹出信息”动作加入
同时在行为面板中选择“事件类别”(onClick等)
②
③
27
改变属性
利用“改变属性”行为，可以动态改变对象的属 性值。
如可以改变层的背景颜色，或者改变图像的大小等。
ห้องสมุดไป่ตู้
这些改变实际上是改变对象对应标记的相应的属性值
是否允许改变属性值，取决于浏览器的类型。一般都
支持改变属性特性。
操作步骤：
打开行为面板，选择改变属性命令。 元素类型：从下列列表中选择要修改属性的对象类型
Dreamweaver中内置的网页编辑功能虽然已经非常 方便、实用，但仍然无法百分之百满足各式各样 的用户需求。 然而由于Dreamweaver程序在设计上本身属于开放 架构，所以网络上有很多爱好者帮忙开发相关的 扩展程序，以加强源程序所缺乏的功能，让更多 人能够在不需要编写程序的情况下，轻松完成许 多相对复杂的功能。
【拖动AP元素】动作允许访问者拖动AP层。使 用此动作创建拼图游戏、滑块控件和其他可移动 的界面元素。 使用【拖动AP元素】动作的操作步骤如下：
① ② ③
在空白页面上创建几个AP元素，分别插入图像。 单击<body>标签。注意这里不要选择层。 选取并打开【行为】面板，单击按钮并从【动作】下 拉列表中选择【拖动AP元素】，打开【拖动AP元素】 对话框，该对话框包括“基本”与“高级”两个标签， 默认状态为“基本”。
按钮时，执行“检查表单”行为，来检查用户输入的资 料是否正确。
13
事件的分类
事件类型 说明
onLoad onUnLoad onError onMouseOver
互动类 事件 onMouseDown onMouseOut onMouseUp onClick onFocus onDubClick onSubmit 表单类 事件 onReset onChange onBlur
12
•
•
事件的分类
1. 自动类
行为设置在<body>标签中，例如一进入网页就自动出现
“欢迎光临”的信息对话框。
2. 互动类
用户通过鼠标或键盘的事件产生操作，可将行为设置在
图像<img>、文本、超链接<a>等对象上，如当鼠标滑过 主菜单时，显示该功能的弹出式菜单。
3. 表单类
使用在表单组件与表单<form>标签上，如单击“提交”
16
打开浏览器窗口
使用【打开浏览器窗口】行为的操作步骤如下：
①
②
选择<body>标签并打开【行为】面板。
单击按钮并从“添加动作”菜单中选择【打开浏览器 窗口】命令，输入要显示的URL，并设置窗口一些重 要的属性（如宽度、高度等）
③
选择【行为】面板中事件onLoad事件
④
用IE浏览器预览。
17
设置文本：状态栏文本
除此之外，第三方厂商提供了更多的行为库，下 载并在Dreamweaver中安装行为库中的文件，可以 获得更多的可操作行为。
如果已经掌握了JaveScript语言的使用，也可以自 己编辑新动作，添加到Dreamweaver中。
7
JavaScript语言
•
JavaScript是一门脚本语言，也是一门面向对象的 编程语言。 采用的是小程序段的编程方式，与HTML标记结 合在一起，使用户对网页的操作更加的方便。 JavaScript的特点：
将“事件”和“动作”组合起来就构成了“行为”。
在将行为附加到页面元素之后，只要对该元素触发了 所指定的事件，浏览器就会调用与该事件关联的动作 （JavaScript）。
