网设计培训教程网设计教程第10章行为与事件.pptVIP

《中文Dreamweaver 8网页设计培训教程》 课堂讲解 上机实战 第10课 行为与事件 第一页，共三十七页。 课堂讲解 什么是行为 什么是事件 认识“行为”面板 添加、修改和删除行为 获取更多的行为 应用行为 第二页，共三十七页。 什么是行为 行为（Behavior）是在Dreamweaver 8中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。 第三页，共三十七页。 什么是事件 浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页每10s自动重新载入。 根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。Internet Explorer和Netscape Navigator是当今主的流浏览器。IE4表明此事件适用于Internet Explorer 4.0浏览器，NE4表明此事件适用于Netscape Navigator 4.0浏览器。 第四页，共三十七页。 认识“行为”面板 在使用行为前要先了解行为的具体操作场所——“行为”面板，在Dreamweaver 8右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板，可以选择[窗口]?[行为]菜单命令，也可按【Shift+F4】键打开“行为”面板。 第五页，共三十七页。 添加、修改和删除行为 添加行为 修改行为 删除行为 第六页，共三十七页。 添加行为 在不同类型的浏览器中可以根据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中。 第七页，共三十七页。 修改行为 选择添加行为的对象。 按【Shift+F4】键打开“行为”面板，在其“动作”列表中双击要修改的行为动作或将其选择并按【Enter】键，也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击“确定”按钮。 第八页，共三十七页。 删除行为 在“行为”面板中选择要删除的行为。 单击 按钮或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令，还可以直接按【Delete】键即可。 第九页，共三十七页。 获取更多的行为 Dreamweaver 8自带的行为比较少，如果想获取更多的行为可以从Macromedia公司和其他第三方的开发网站下载。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia公司官方网站提供的行为下载页面。 第十页，共三十七页。 应用行为 设置文本 “设置层文本”行为 “设置框架文本”行为 “设置文本域文本”行为 “设置状态栏文本”行为 播放声音 打开浏览器窗口 交换图像 恢复交换图像 改变属性 检查浏览器 检查插件 检查表单 设置导航栏图像 转到URL 弹出信息 拖动层 显示-隐藏层 弹出式菜单 调用JavaScript 控制Shockwave或Flash 预先载入图像 跳转菜单 跳转菜单开始 时间轴 第十一页，共三十七页。 “设置层文本”行为 “设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。 第十二页，共三十七页。 “设置框架文本”行为 “设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。 第十三页，共三十七页。 “设置文本域文本”行为 “设置文本域文字”行为可以用指定的内容替换表单文本域的内容。 第十四页，共三十七页。 “设置状态栏文本”行为 “设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。 第十五页，共三十七页。 播放声音 “播放声音”行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。 第十六页