网页设计课件第10章.ppt-淘文阁

资源描述

《网页设计课件第10章.ppt》由会员分享，可在线阅读，更多相关《网页设计课件第10章.ppt（36页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

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 网页设计培训教程调音调音返回返回零点起飞电脑培训学校结束结束上机实战本课上机实战将为已经制作好的“项目介绍”页面添加弹出信息、打开浏览器窗口、添加弹出式菜单和检查插件行为。在练习过程中，主要用到行为的概念、行为的编辑方法、弹出信息的创建、打开浏览器窗口以及显示弹出式菜单行为等知识点。

展开阅读全文