《网页设计与制作应用教程 第2版 教学课件 ppt 作者 王任华_教程-课件 第7章》由会员分享，可在线阅读，更多相关《网页设计与制作应用教程 第2版 教学课件 ppt 作者 王任华_教程-课件 第7章（20页珍藏版）》请在金锄头文库上搜索。
1、网页设计与制作应用教程（第2版）,机械工业出版社同名教材 配套电子课件,主要内容,第一部分 网页设计与制作基础 第二部分 Adobe Dreamweaver CS5 网页制作 第三部分 Adobe Fireworks CS5 网页图片处理 第四部分Adobe Flash CS5 网页动画制作,2,第7章应用行为与模板,7.1行为及其使用方法 7.2应用内置行为 7.3创建基于模板的网页 7.4管理模板,3,7.1 行为及其使用方法,7.1.1 行为概述 行为是事件和由该事件触发的动作的组合。 “事件”是触发动态效果的条件，是浏览器生成的消息，指示该页的访问者执行了某种操作。 网页事件分为不同的
2、种类： 有的与鼠标相关，如鼠标放置在图像上、移出图像、单击图像等； 有的和网页有关，如网页下载完毕、网页切换等。,4,7.1.1 行为概述,“动作”是由预先编写的JavaScript代码组成的，这些代码最终产生动态效果。例如打开浏览器窗口、显示或隐藏层、播放声音等。 三者关系为：对象在发生设定事件的情况下，产生相应动作。例如，对于交换图像这一行为，可以用三要素来解释：图像（对象）在鼠标放置其上时（事件），更换为另外一幅图片（动作）,一般的动作是：改变某一个对象（原来的对象或者新对象）的属性。,5,7.1.2 “行为”面板,选择主菜单【窗口】/【行为】命令，打开“行为”面板，如图所示。,6,7.
3、1.2 “行为”面板,行为面板包含以下选项： 显示设置事件： 显示所有事件 添加动作 (+) 删除 () 向上箭头和向下箭头按钮 事件 显示事件,7,7.1.3 行为的应用方法,添加行为 行为是为相应某个具体事件而采取的一个或多个动作。当指定的事件被触发时，将运行相应的JavaScript 程序，执行相应的动作。,8,7.1.3 行为的应用方法,在页上选择一个元素，例如一个图像或一个链接。 选择菜单【窗口】/【行为】命令，打开“行为”面板 单击加号 (+) 按钮并从“动作”弹出菜单中选择一个动作 当选择某个动作时，将出现一个对话框，显示该动作的参数和说明 触发该动作的默认事件显示在“事件”栏中
4、。,9,7.1.3 行为的应用方法,更改行为 在附加了行为之后，可以更改触发动作的事件、添加或删除动作以及更改动作的参数。选择一个附加有行为的对象。 根据需要可以执行下列操作之一： 编辑动作的参数 更改给定事件的多个动作的顺序，选择某个动作然后单击上下箭头按钮。 删除某个行为，请将其选中然后单击减号 (-) 按钮或按“Delete”键。,10,7.2 应用内置行为,7.2 应用内置行为 使用“行为”面板的“调用JavaScript”动作，指定当发生某个事件时应该执行的自定义函数或JavaScript 代码行。,11,7.2.2 转到URL 行为,“转到URL”动作在当前窗口或指定的框架中转到一
5、个新页面。此操作尤其适用于通过一次单击更改两个或多个框架的内容。,12,7.2.3 打开浏览器窗口行为,使用“打开浏览器窗口”行为在一个新的窗口中打开URL。可以指定新窗口的属性（包括其大小）、特性（它是否可以调整大小、是否具有菜单栏等）和名称。,13,7.2.4 应用弹出信息行为,“弹出信息”行为显示一个包含指定消息的 JavaScript 警告。 为页面设置一个弹出消息行为的示例操作如下： 选择对象，然后从“行为”面板的“动作”菜单中选择“弹出消息”命令。 在“弹出信息”对话框中输入消息,14,7.2.5 显示-隐藏元素行为,“显示-隐藏元素”行为用于显示、隐藏或恢复一个或多个元素的默认可
6、见性。此动作用于在用户与页进行交互时显示信息。,15,7.2.6 交换图像行为,“交换图像”行为通过更改img 标签的src 属性将一个图像和另一个图像进行交换。使用此动作创建按钮鼠标经过图像和其他图像效果（包括一次交换多个图像）。鼠标经过图像会自动将一个“交换图像”行为添加到页面中。,16,7.2.7 其他行为,改变属性行为 检查插件行为 拖动AP 元素行为 预先载入图像行为 设置文本行为(“设置容器的文本”、“设置文本域文本”、“设置框架文本”和“设置状态栏文本”) 跳转菜单行为,17,7.4 管理模板,7.4.1 从模板分离文档 若要更改基于模板的文档的锁定区域，必须将该文档从模板分离。
7、将文档分离之后，整个文档都将变为可编辑的。 从模板分离文档的操作为：打开要分离的基于模板的文档。选择主菜单【修改】/【模板】/【从模板中分离】命令。文档被从模板分离，所有模板代码都被删除。,18,7.4.2 在基于模板的文档中编辑内容,在Dreamweaver 中可以首先创建模板，然后创建基于模板的网页。这些网页中部分区域是不能编辑的，称为锁定区。有些区域则是可编辑的，称为可编辑区。在编辑窗口中，当鼠标滑过网页的锁定区域时，鼠标为禁止状态；而滑过可编辑区域时，可以在插入点输入新的内容。使用模板的最大好处就在于，当修改模板时，基于该模板创建的所有网页可以一次更新，这就大大提高了网页更新维护的效率。,19,7.4.3 更新模板文件,对模板进行修改之后，可以将模板的修改应用于所有基于该模板生成的网页中。修改一个模板后，单击“标准”工具栏的“保存”按钮. 单击“更新”按钮，即可完成页面的自动更新，系统自动弹出更新页面情况的对话框，如图 所示。 在此对话框中可以进一步选择需要更新的站点文件，单击“开始”按钮，系统开始对选定范围的模板生成网页进行更新。状态栏会显示检查文件数、更新文件数等信息。更新完毕后，单击“关闭”按钮，结束操作。,20,
