第9章节节 使用行为跟媒体资料.pptVIP

Dreamweaver CS4中文版基础培训教程 主讲：XXX老师 第9讲 使用行为和媒体 教学目标 9.1 使用行为 9.1.1 功能讲解 9.1.2 范例解析──使用行为制作“翔翔写真”网页 9.1.3 课堂实训——使用行为完善“十大名山”网页功能 9.2 使用媒体 9.2.1 功能讲解 9.2.2 范例解析——插入WMV视频 9.2.3 课堂实训——插入swf动画 9.3 综合案例──完善“西湖十景”网页 教学目标 了解行为的基本概念。 掌握常用事件和动作。 掌握插入常用媒体的方法。 9.1 使用行为 9.1.1 功能讲解 9.1.2 范例解析──使用行为制作“翔翔写真”网页 9.1.3 课堂实训——使用行为完善“十大名山”网页功能 9.1.1 功能讲解 使用行为可以允许浏览者与网页进行简单的交互，从而以多种方式修改页面或引发某些任务的执行。 基本概念。 添加行为。 常用事件。 常用动作。 一、基本概念 认识行为需要掌握以下几个基本概念。 行为：事件和动作的组合，因此行为的基本元素有两个：事件和动作。 事件：触发程序运行的原因，事件可附加到网页中的对象上，例如，当访问者将鼠标光标移到一个链接上时，将会产生一个“onMouseOver”（鼠标经过）事件。 动作：事件触发后要实现的效果，如打开浏览器窗口等。 对象：产生行为的主体，如文本、图像等，不同的事件为不同的对象所定义，例如，“onMouseOver”（鼠标经过）和“onClick”（单击）是与链接相关的事件，“onLoad”（载入）是与图像和文档相关的事件。 二、添加行为 在添加行为时，首先应选中对象，然后选择【窗口】/【行为】命令打开【行为】面板，在【行为】面板中单击 按钮，在弹出的行为菜单中选择相应的动作，最后在【行为】面板中单击事件名右边的 按钮，在弹出的下拉菜单中选择相应的触发动作的事件，如图所示。 三、常用事件 事件决定了动作的执行时间，常用事件如表所示。 四、常用动作 Dreamweaver CS4内置了许多行为动作，这些行为动作的功能如表所示。 （1）弹出信息 【弹出信息】行为将弹出一个提示对话框。在文档中选择要触发行为的对象，如图像，然后从行为菜单中选择【弹出信息】命令，在弹出的【弹出信息】对话框中进行参数设置即可，如图所示。 在【行为】面板中将事件设置为【onMouseDown】，即鼠标按下时触发该事件。在浏览网页时，用户可以在图像上单击鼠标右键，在弹出的快捷菜单中选择【图片另存为】命令，将网页中的图像下载到自己的计算机中。而当添加了这个行为动作以后，当访问者单击鼠标右键时，将显示提示框而不是快捷菜单，这样就限制了用户使用鼠标右键来下载图像，如图所示。 （2）打开浏览器窗口 使用【打开浏览器窗口】行为将打开一个新浏览器窗口来显示指定的网页文档。 在文档中选择触发行为的对象，如图像，然后从行为菜单中选择【打开浏览器窗口】命令即可打开【打开浏览器窗口】对话框，根据需要进行设置即可。在【行为】面板中将事件设置为“onClick”。当预览网页时，单击小图将打开一个大图像的新窗口，如图所示。 （3）调用JavaScript 【调用JavaScript】行为能够让设计者使用【行为】面板指定一个自定义功能，或者当一个事件发生时执行一段JavaScript代码。在文档中选择要触发行为的对象，如带有空链接的“关闭窗口”文本，然后从行为菜单中选择【调用JavaScript】命令，弹出【调用JavaScript】对话框，在文本框中输入要执行的JavaScript代码或函数名，如“window.close()”，用来关闭窗口。在【行为】面板中确认触发事件为【onClick】。预览网页，当单击“关闭窗口”超级链接文本时，就会弹出提示对话框，询问用户是否关闭窗口，如图所示。 （4）改变属性 【改变属性】行为用来改变网页元素的属性值，如文本的大小、字体，层的可见性，背景色，图片的来源以及表单的执行等。 例如，在文档中插入一个层，并在其中插入一幅名称为“pic”的图像，然后选中层并从【行为】菜单中选择【改变属性】命令，弹出【改变属性】对话框，根据需要进行参数设置，在【行为】面板中确认触发事件为【onMouseOver】，运用相同的方法再添加一个【onMouseOut】事件及相应的动作，如图所示。 （5）交换图像 【交换图像】行为可以将一个图像替换为另一个图像，这是通过改变图像的“src”属性来实现的。虽然也可以通过为图像添加【改变属性】行为来改变图像的“src”属性，不过【交换图像】行为更加复杂一些，可以使用这个行为来创建翻转的按钮及其他图像效果（包括同时替换多个图像）。 例如，在文档中插入一幅图像并命名，然后在【行为】面板