動態網頁設計與製作實用教程培训教材.ppt

13.3.3 更新模板 当修改模板保存时，Dreamweaver MX会询问是否更新所有基于该模板的文档。如果确认，就可以修改站点中所有基于该模板的文档。另外选择“修改/模板/打开附加模板”菜单也可以更新基于模板的文档。 14.1.1 行为的工作原理 行为是由事件和由该事件触发的动作构成的。在现实生活中行为的概念普遍存在，例如：在十字路口，红灯亮的事件和司机看到红灯刹车的动作就构成了一个行为。 在Dreamweaver MX中，事件是浏览器生成的信息，指示访问者执行了某种操作。例如，当访问者将鼠标指针移动到某个链接上时，浏览器为该链接生成一个 onMouseOver 事件。不同的页面元素一般定义不同的事件；例如，在大多数浏览器中，onMouseOver 和 onClick 是与链接关联的事件，而 onLoad 是与图像和文档的 body 部分关联的事件。动作是由预先编写的 JavaScript 代码组成的，这些代码执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止 Shockwave 影片。Dreamweaver MX 提供的动作是由工程师预先精心编写的。 将行为附加到页元素之后，只要对该元素发生了所指定的事件，浏览器就会调用与该事件关联的动作（JavaScript 代码）。例如，如果将弹出消息动作附加到某个链接并指定它由 onMouseOver 事件触发，那么只要在浏览器中用鼠标指针指向该链接，就会在对话框中弹出设定的消息。 单个事件可以触发多个不同的动作，可以指定这些动作发生的顺序。 在“行为”面板中，通过指定一个动作然后指定触发该动作的事件，可将行为添加到页面中。行为代码是客户端 JavaScript 代码；它运行于浏览器中，而不是服务器上。 14.1.2 行为面板的应用 1.行为面板 通过“行为”面板可以将行为附加到页面元素，并修改以前所附加行为的参数。选择“窗口/行为”菜单，显示行为面板。 “行为”面板具有以下选项： ????2. 应用事件 每个浏览器都提供一组事件，这些事件可以与“行为”面板的动作 (+) 弹出式菜单中列出的动作相关联。 3. 应用动作 可以将动作附加到整个文档（即附加到 body 标签），还可以附加到链接、图像、表单元素或多种其他 HTML 元素中的任何一种。选择的目标浏览器确定给定的元素所支持的动作。 4．应用行为 给元素附加行为操作步骤如下： （1）在页上选择一个元素，例如一个图像或一个链接。若要将行为附加到整个页面，在文档窗口底部左侧的标签选择器中单击 body 标签。 （2）选择“窗口/行为”打开“行为”面板。 5. 常见行为的触发事件及其含义 只有准确掌握常见的行为触发事件及其含义，才能增强行为设置的预见性，有效地使用行为。 14.2.1 与层有关的行为 在Dreamweaver MX中，可以设置拖动层、显示－隐藏层、改变层的背景色等与层有关的行为。由于低版本的浏览器器不支持层事件，因此在应用与层有关的行为前应将默认浏览器设为IE4.0以上。 1. 制作可拖动的层 “拖动层”动作允许访问者在浏览器中改变层的位置。使用此动作可以创建拼板游戏、滑块控件和其他可移动的页面元素。 2. 显示－隐藏层 Dreamweaver MX中的“显示－隐藏层”行为，具有显示、隐藏或恢复一个或多个层的默认可见性的功能。此动作用于在用户与网页进行交互时显示信息。例如，当用户将鼠标指针滑过一个人物图像时，可以显示一个层，给出有关该人物的介绍信息。利用“显示－隐藏层”行为还可以创建弹出式菜单。 “显示－隐藏层”还可用于创建预先载入层，即一个最初挡住页的内容的较大的层，在所有页组件都完成载入后该层即消失。 3. 改变层的背景色 在Dreamweaver MX中，“改变属性”行为具有一些特殊的性质，可以动态的改变对象的某些属性，这些属性包括背景颜色，尺寸和背景图片等。在制作网页时，用户可以利用这种行为设置一些特殊的区域，当光标进入该区域时，将改变区域的背景颜色；光标离开后恢复为原来的背景色。 14.2.2 打开浏览器窗口 在Dreamweaver MX中，使用“打开浏览器窗口”动作，可在一个新的窗口中打开要显示的页面。其特点是可以设定新窗口的各种属性，如：大小、是否可以调整大小、是否具有菜单条和名