Dreamweaver1解析.ppt

第十章 Dreamweaver的高级应用 第一节 行为与行为面板 一、行为的工作原理 行为是由事件和由该事件触发的动作构成的。 在Dreamweaver中，事件是浏览器生成的信息，指示访问者执行了某种操作。例如，当访问者将鼠标指针移动到某个链接上时，浏览器为该链接生成一个onMouseOver事件。 1. 事件：用户的某个操作。定义使用者的操作行为或者网页的状态。 不同的页面元素一般定义不同的事件；例如，在大多数浏览器中，onMouseOver和onClick是与链接关联的事件，而onLoad是与图像和文档的body部分关联的事件。 2. 动作：是对用户的操作产生响应的Javascript程序片断。（即由用户操作发生某个事件时，网页中通过动作代码作出响应）。不同的事件对应不同的动作。Dreamweaver提供的动作是预先精心编写的。 第十章 Dreamweaver的高级应用 3. 行为： 由事件和由该事件触发的动作构成的。不同的事件对应不同的动作。 将行为附加到页元素之后，只要对该元素发生了所指定的事件，浏览器就会调用与该事件关联的动作（JavaScript代码）。例如，如果将弹出消息动作附加到某个链接并指定它由onMouseOver事件触发，那么只要在浏览器中用鼠标指针指向该链接，就会在对话框中弹出设定的消息。单个事件可以触发多个不同的动作，可以指定这些动作发生的顺序。 在“行为”面板中，通过指定一个动作然后指定触发该动作的事件，可将行为添加到页面中。行为代码是客户端JavaScript代码；它运行于浏览器中，而不是服务器上。 第十章 Dreamweaver的高级应用 二、行为面板的应用 1. 行为面板 通过“行为”面板可以将行为附加到页面元素，并修改以前所附加行为的参数。选择“窗口/行为”菜单，显示行为面板。 “行为”面板具有以下选项： 动作(+)是一个弹出式菜单，其中包含可以附加到当前所选元素的多个动作。删除(-)从行为列表中删除所选的事件和动作。 上下箭头按钮将特定事件的所选动作在行为列表中向上或向下移动（改变行为动作的执行顺序）。 第十章 Dreamweaver的高级应用 2．应用事件 每个浏览器都提供一组事件，这些事件可以与“行为”面板的动作（+）弹出式菜单中列出的动作相关联。 在行为面板中的事件（当单击行为列表中所选事件名称旁边的箭头按钮时出现的菜单）是一个弹出式菜单，其中包含可以触发该动作的所有事件。 3．应用动作 可以将动作附加到整个文档（即附加到body标签），还可以附加到链接、图像、表单元素或多种其他HTML元素中的任何一种。选择的目标浏览器确定给定的元素所支持的动作。 4．应用行为 给元素附加行为操作步骤如下： （1）在页上选择一个元素，例如一个图像或一个链接。若要将行为附加到整个页面，在文档窗口底部左侧的标签选择器中单击body标签。 （2）选择“窗口/行为”打开“行为”面板。 第十章 Dreamweaver的高级应用 5. 常见行为及其含义 Dreamweaver内置了许多行为,这些行为都可以完成很多有用的操作，比如提示信息、控制层、播放声音等。下面列出一些常用的行为以及说明。 改变属性：更改对象某个属性（例如层的背景颜色或表单的动作）的值。 检查浏览器：使用“检查浏览器”动作可根据访问者不同类型和版本的浏览器将他们转到不同的页。 检查插件：使用“检查插件”行为可以根据访问者是否安装了指定的插件，并根据结果将访问者转到不同的页面。 控制Shockwave或Flash：使用“控制Shockwave或Flash”动作来播放、停止、回放或转到Macromedia Shockwave或Macromedia Flash SWF文件中的帧 拖动层：“拖动层”动作允许访问者拖动层。使用此动作创建拼板游戏、滑块控件和其他可移动的界面元素。 第十章 Dreamweaver的高级应用 转到 URL：“转到URL”动作在当前窗口或指定的框架中打开一个新页。 打开浏览器窗口：使用“打开浏览器窗口”动作在一个新的窗口中打开URL。 播放声音：使用“播放声音”动作来播放声音。 弹出消息：“弹出消息”动作显示一个带“确定”按钮的警告框。 设置层文本：“设置层文本”动作用指定的内容替换页上现有层的内容和格式设置。 设置状态栏文本：设置状态栏文本”动作在浏览器窗口底部左侧的状态栏中显示消息。 显示－隐藏层：显示－隐藏层”动作显示、隐藏或恢复一个或多个层的默认可见性。 显示弹出菜单：使用“显示弹出菜单”行为来创建或编辑Dreamweaver弹出菜单。 第十章 Dreamweaver的高级应用 6. 常见行为的触发事件及其含义 只有准确掌握常见的行为触发事件及其含义，才能增强行为设置的预