06学习使用行为面板教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

06学习使用行为面板教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）学习使用行为面板静态网站制作教学资源课件静态网站制作教学资源课件Dreamweaver 中的“行为”是将预制的 JavaScript 代码放置在文档中，以实现浏览者与网页间的交互，从而以多种方式更改页面外观或触发某些任务的执行。行为由事件和该事件触发的动作两部分组成，通过事件的响应进而执行对应的动作。即在Dreamweaver 的“行为”面板中，指定一个动作和触发该动作的事件，就可以将行为添加到页面中。单击“窗口”菜单中的“行为”命令或按“Shift+F4”快捷键，打开“行为”面板，如图所示。左侧是当前所选页面元素可以触发行为的事件列表，并以字母顺序排列，如onMouseOut、onMouseOver，右侧是该事件触发的行为。“行为”面板的选项简介如下：显示设置事件按钮：仅显示附加了行为的那些事件。显示所有事件按钮：按字母降序显示所选页面元素可以发生的所有事件。添加动作按钮：将打开一个弹出菜单，在如图所示的列表中选择要添加的动作。删除事件按钮：可以从行为列表中删除所选的事件和动作。上下按钮：改变某事件的所选动作的执行顺序。“弹出信息”动作显示一个带有指定消息的 警告框，如图所示，该信息可以是任何文本内容，比如：浏览本网站的要求、欢迎词、通知等，因为 警告框中只有一个“确定”按钮，所以使用此动作只可以为浏览者提供信息。实例实例6：为网页添加网页加载时弹出如图所示的信息。1.单击文档窗口的标签，选择要添加行为的对像2.单击“窗口”菜单中的“行为”选项，打开“行为”面板3.单击添加动作 按钮，并从弹出菜单中选择“弹出信息”4.在“弹出信息”文本框中输入要显示的消息，如图5.17所示，单击“确定”。5.在如右图所示的“行为”面板中单击“显示设置事件”按钮，检查默认事件是否是所需的事件，默认是给“onClick”事件添加动作，单击“onClick”右侧的箭头在列表中选择“onLoad”，即加载网页时弹出该信息。练习练习2：为网页添加当关闭网页“onUnload”时的弹出信息行为，如图所示。