网页设计课件第10章.ppt

《网页设计课件第10章.ppt》由会员分享，可在线阅读，更多相关《网页设计课件第10章.ppt（36页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束 课堂讲解 上机实战 第10课 行为与事件 向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束课堂讲解 什么是行为 什么是事件 认识“行为”面板 添加、修改和删除行为 获取更多的行为 应用行为 向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束什么是行为 行为（

2、Behavior）是在Dreamweaver 8中预置的JavaScript 程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver 和onClick，同时触发了一个动作载入图像。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束什么是事件 浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事

3、件都是交互的，如设置网页每10s 自动重新载入。根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。Internet Explorer 和Netscape Navigator 是当今主的流浏览器。IE4 表明此事件适用于Internet Explorer 4.0 浏览器，NE4 表明此事件适用于Netscape Navigator 4.0 浏览器。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束认识“行为”面板 在使用行为前要先了解行为的具体操作场所

4、“行为”面板，在Dreamweaver 8 右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板，可以选择 窗口 行为 菜单命令，也可按【Shift+F4】键打开“行为”面板。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束添加、修改和删除行为 添加行为 修改行为 删除行为 向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束添加行为 在不同类型的浏览器中可以根

5、据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML 元素中。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束修改行为 选择添加行为的对象。按【Shift+F4】键打开“行为”面板，在其“动作”列表中双击要修改的行为动作或将其选择并按【Enter】键，也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击“确定”按钮。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑

6、培训学校结束 结束删除行为 在“行为”面板中选择要删除的行为。单击 按钮或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令，还可以直接按【Delete】键即可。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束获取更多的行为 Dreamweaver 8 自带的行为比较少，如果想获取更多的行为可以从Macromedia 公司和其他第三方的开发网站下载。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia 公司官方网站提供的行为下载页面。向下 向下 向上 向上末页 末

7、页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束应用行为 设置文本“设置层文本”行为“设置框架文本”行为“设置文本域文本”行为“设置状态栏文本”行为 播放声音 打开浏览器窗口 交换图像 恢复交换图像 改变属性 检查浏览器 检查插件 检查表单 设置导航栏图像 转到URL 弹出信息 拖动层 显示-隐藏层 弹出式菜单 调用JavaScript 控制Shockwave或Flash 预先载入图像 跳转菜单 跳转菜单开始 时间轴 向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回

8、返回零点 起飞电脑培训学校结束 结束“设置层文本”行为“设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML 源代码。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束“设置框架文本”行为“设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML 源代码。使用此行为可以动态显示信息。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音

9、 调音 返回 返回零点 起飞电脑培训学校结束 结束“设置文本域文本”行为“设置文本域文字”行为可以用指定的内容替换表单文本域的内容。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束“设置状态栏文本”行为“设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束播放声音“播放声音”行为用

10、来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束打开浏览器窗口 打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束交换图像“交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来创建

11、翻转按钮以及同时替换多个图片。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束恢复交换图像“恢 复 交 换 图 像”行 为 用 于 将替换的图像恢复为原始的图像文件。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束改变属性“改 变 属 性”行 为 用 于 改 变 网 页元素的属性值。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点

12、起飞电脑培训学校结束 结束检查浏览器“检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的body标签上，也可以将此行为添加到一个空链接上，并让该行为根据访问者浏览器的类型和版本确定链接的目标页面。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束检查插件“检查插件”行为用于检查访问者的电脑中是否安装了特定的插件，而决定将浏览者带往不同的页面，如浏览者电脑中安装了Flash 插件，那么就播放Flash 给浏览者观看，

13、如果没有安装，就直接将浏览者带往没有Flash 的页面。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束检查表单“检查表单”行为用于检查指定文本域的内容，以确保用户输入了正确的数据类型。使用“onBlur”事件添加到文本域，可以在用户填写表单时对域进行检查，若使用“onSubmit”事件将其添加到表单，在用户提交表单时可同时对多个文本域进行检查。使用该行为可以防止表单提交到服务器后指定的文本域包含无效的数据。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教

14、程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束设置导航栏图像“设置导航栏图像”行为用于将某个图像变为导航条图像，也可更改导航条中图像的显示和动作。使用“设置导航栏图像”行为，可以实现选择 插入 图像对象 导航条 菜单命令一样的功能。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束转到URL 选择“转到URL”行为可在当前窗口或指定框架内打开一个新的页面。此行为在一次单击改变两个或更多框架的内容时特别有用，它也可以在时间轴内被调用，在特定时间间隔后跳转到新的页面。向下 向下 向上 向上末页

15、 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束弹出信息“弹出信息”行为将用于显示一个指定的JavaScript 提示信息框。该提示信息是提供给浏览者信息的，浏览者不能做出选择，也不能控制信息框的外观，只有一个“确定”按钮，其外观取决于浏览器属性。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束拖动层“拖动层”行为使网页中层的位置不再是固定不变的，而是可以随着浏览者的鼠标运动而运动，层在拖动过程中还可调用JavaScript

16、代码或函数，从而实现一些特殊效果。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束显示-隐藏层“显示-隐藏层”行为用于改变一个或多个层的可见性。此行为可以用于交互时显示信息。如当鼠标光标滑过一个图像时，则显示该图像的相关信息，当鼠标光标离开这个图像时，提示信息则消失。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束弹出式菜单“弹 出 式 菜单”行 为 用 于 在网 页 中 实 现 类 似于 Windo

17、ws 系 统中 菜 单 效 果，在设 计 网 页 时 可 以把 一 个 类 别 的 页面 都 放 在 菜 单 中，这 样 就 能 从 主 页直 接 访 问 到 需 要的 子 页，以 方 便浏览者。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束跳转菜单“跳 转 菜 单”行 为 是 用 于 修改已经创建好的跳转菜单。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束跳转菜单开始“跳 转 菜 单 开 始”行

18、 为 与“跳 转菜 单”行 为 密 切 相 关，“跳 转 菜 单 开始”行 为 允 许 将“前 往”按 钮 和 一 个“跳转菜单”行为关联起来。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束调用JavaScript“调 用JavaScript”行 为 用 于 执 行“行 为”面 板 中 某 个 特 定 事 件 时 调 用 自己编写的JavaScript 代码、函数。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训

19、学校结束 结束控制Shockwave 或Flash“控 制 Shockwave 或 Flash”行 为用 来 控 制 Macromedia Shockwave 或Macromedia Flash 的 播 放、停 止、重放或跳转到某一帧操作。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束预先载入图像 在 网 页 中 包 含 了 各 种 各 样 的 图 像，有 些 图 像 在 网 页 被 浏 览 器 下 载 的 时 候 不 能被 同 时 下 载，要 显 示 这 些 图 片 就 需 要 再 次发 出

20、下 载 指 令，这 样 会 影 响 浏 览 者 的 浏 览。这 时 可 使 用“预 先 载 入 图 像”行 为 先 将 这些 图 片 载 入 到 浏 览 器 的 缓 存 中，避 免 出 现延迟。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束时间轴“时 间 轴”行 为 包 括“播 放 时 间 轴”、“停 止 时 间 轴”和“转 到 时 间 轴 帧”3 项，通 过 链 接 或 者 按 钮 来 控 制 时 间 轴 动 画 的 播放。向下 向下 向上 向上末页 末页 首页 首页中文Dreamweaver 8 网页设计培训教程调音 调音 返回 返回零点 起飞电脑培训学校结束 结束上机实战 本课上机实战将为已经制作好的“项目介绍”页面添加弹出信息、打开浏览器窗口、添加弹出式菜单和检查插件行为。在练习过程中，主要用到行为的概念、行为的编辑方法、弹出信息的创建、打开浏览器窗口以及显示弹出式菜单行为等知识点。