Dreamweaver8第8章行为与互动网页.ppt

第8章 行为与互动网页 8.1 基本概念 8.2 应用行为 8.1 基本概念 事件：它是由用户的操作动作或程序状态的变化所触发的。鼠标的单击、移动、图像的装载状态变化等都是事件。 动作：它是由事件触发的，其实质是由浏览器事件触发的脚本程序的运行。例如用户单击鼠标的事件可以触发一个JavaScript脚本程序来弹出一个对话框，图像下载完毕的事件可以触发一个脚本程序来改变网页的背景颜色或播放一段音乐。 行为：它是事件和动作的结合。行为必须应用到网页对象才能产生效果，例如文本链接、图像或者按钮。Dreamweaver 8提供了常用的行为，可以方便地实现简单的互动效果。 对象：它是应用行为的主体，大部分网页元素（HTML标签）都可以成为对象。但有一些行为只对某种具体的网页元素起作用。 8.2 应用行为 8.2.1 弹出消息框 8.2.2 播放音乐 8.2.3 打开新浏览器窗口 8.2.4 设置状态栏文字 8.2.5 显示和隐藏层 8.2.1 弹出消息框 弹出消息框是很常见的一种，当浏览者单击一个按钮、链接，或者执行了某一段脚本程序后，可以设置弹出消息框，提示用户。 8.2.1 弹出消息框 设置弹出消息框的方法： （1）使用【窗口】/【行为】命令打开行为面板 。 （2）单击面板的添加行为按钮，选择【弹出信息】命令 ，然后输入提示文本。 （3）单击【触发事件】按钮，打开下拉列表，在列表中选择合适的触发事件。 8.2.2 播放音乐 可以为网页添加背景音乐，在网页下载完毕时或单击某个按钮时开始播放。为了加快下载速度，背景音乐一般选用rm或mp3等压缩格式的文件，如果对效果要求不高还可使用MIDI格式的音乐。设置方法如下： ： （1）打开行为面板 。 （2）单击面板的添加行为按钮，选择【播放声音 】命令 ，然后输入要播放的声音文件 。 （3）单击【触发事件】按钮，打开下拉列表，在列表中选择合适的触发事件。 （4）单击控件，修改播放控件的属性。 8.2.4 设置状态栏文字 状态栏可以以文字或属性链接来达到更好的显示效果，设置方法如下： （1）新建一个HTML文件，并添加一个文字链接。 （2）单击文字链接，使用标签选择器选择当前链接a。 （3）打开行为面板。 （4）单击面板的添加行为按钮，选择【设置文本】/【设置状态栏文本】命令，输入要显示的文字。 8.2.4 设置状态栏文字 （5）同样的方法再添加一个【设置状态栏文本】行为，但不填写任何消息文本。 （6）将新增加的行为的触发事件改为onMouseOut， 8.2.5 显示和隐藏层 在第5章介绍过层的应用，层可以设置为显示或隐藏，它的这种属性能够与行为配合，能够做出互动性强的网页。设置的方法如下： （1）打开行为面板。 （2）单击面板的添加行为按钮，选择【显示-隐藏层】命令 ，然后选择需要设置行为的层。 （3）链接默认的事件为onClick，此时需将显示层动作的触发事件更改为onMouseOver 。 （4）同理为该链接再添加一个【显示-隐藏层】动作，并将其动作设置为隐藏层 。 小结 本章介绍了行为的基本概念与常用行为的使用。行为是增加网页交互性很重要的一种方法，它是基于页面脚本语言来实现的。通过创建行为，能够根据用户的动作，如移动鼠标、单击等来改变页面的显示、弹出消息框、甚至播放多媒体。在动态网页的制作当中，行为还能够有效地检验表单数据的有效性和正确性。 * *