第10章动态效果网页制作.pptVIP

第10章 动态效果网页制作 本章要点内容: 行为、事件和动作的概念。 在文档中对象添加Dreamweaver自带的行为。 通过第三方插件添加行为。 本章学习目标 深刻理解行为的概念及组成 熟练掌握行为的设置并应用 熟练掌握第三方插件的使用 本章学前要求 掌握网页基本操作，已经学会了层的使用、时间轴的运用。 10.2 具体的行为设置 Mreamweaver MX 2004中内置了很多行为，基本上可以满足普通网页的创作需求。不同类型的对象可以应用不同的行为，而且针对不同版本的浏览器，也有不同的行为可以使用。 10.2.1 弹出信息 利用弹出信息动作，可以在网页中显示信息对话框，起到信息提示的作用。常见的信息对话框只有一个“确定”按钮，仅告诉用户发生了什么事情，而不能让用户进行选择。 实例预览：打开第10章“本章实例”中的“popup message \final\popup message.htm”文件，单击箭头图标可打开一个信息框。 实例操作步骤如下。 步骤1：打开“本章实例”目录下的“popup message \ popup message.htm”文件，选择要附加行为的对象，打开“行为”面板。 步骤2：单击“添加行为”按钮，从弹出的菜单中选择“弹出信息”，这时会打开如图10.2所示的“弹出信息”对话框。 步骤 3：在“弹出信息”对话框中输入需要显示的信息，单击“确定”按钮。 步骤 4：检查添加行为动作的事件是否正确，若不正确，选择所需事件。 步骤 5：按F12键预览网页，当单击对象时，弹出信息框如图10.4所示。 ?提示：如果附加行为的对象是整个页面，事件可以设置为onLoad，表示载入页面时即同时弹出信息框。 10.2.2 打开浏览器窗口 打开浏览器窗口行为，可以在一个新的窗口中打开指定的URL地址，同时还可以指定打开浏览器窗口的属性，包括大小、名称等。例如在单击图像缩略图时，用户可以使用该行为在一个新窗口打开对应的大幅图像，并且使打开的窗口大小与图像大小适配。 如果不指定新窗口的尺寸，则打开的新窗口将与当前窗口属性一致。如果指定了任何一个属性，将同时取消原来的其他继承属性。 实例预览：打开第10章“本章实例目录下的”“第10章\本章实例\ Open Brower \final\ Open Brower.htm”文件，单击图片可打开一个新的窗口。 实例操作步骤如下： 步骤 1：打开“本章实例”目录下的“第10章\本章实例\ Open Brower \ Open Brower.htm”文件，选择要附加行为的对象，打开“行为”面板。 步骤 2：单击“添加行为”按钮，从弹出的菜单中选择“打开浏览器窗口”，这时会打开如图10.5所示的对话框。 步骤3：单击“浏览”按钮，选择要打开的文件或在文本框中输入URL地址。 步骤4：在“窗口宽度”和“窗口高度”文本框中输入新浏览器窗口的高度与宽度，单位是像素。 步骤5：在属性设置区域设置浏览器新窗口是否显示相应的元素。具体设置如下。 “导航工具栏”：带有前进、后退、刷新等按钮的工具栏。 “菜单条”：提供菜单命令的工具栏。 “地址工具栏”：显示地址栏。 “状态栏”：在窗口底部显示状态信息，如：剩余加载时间、相关URL链接等。 “需要时使用滚动条”：根据内容多少自动决定是否显示滚动条。 “调整大小手柄”：允许用户通过拖动窗口右下角来重新调整窗口大小。 步骤6：在窗口名称文本框中输入相应的内容，单击“确定”按钮。 步骤7：检查添加行为动作的事件是否正确，若不正确，选择所需事件。 步骤8：按F12键预览网页，效果如图10.6所示，单击下层浏览器的小图片，弹出大图片的浏览器。 10.2.3 控制Shockwave或Flash 控制Shockwave或Flash行为用来控制Macromedia Shockwave或Macromedia Flash影片的播放、停止、返回或跳转到某一帧。 实例预览：打开第10章“本章实例”目录下“第10章\本章实例\ Control Shockwave or Flash \final\ Control Shockwave or Flash.htm”文件，单击按钮可控制影片的播放或停止。 实例操作步骤如下： 步骤1：打开“本章实例”的目录下“Control Shockwave or Flash \ Control Shockwave or Flash.htm”文件，选择“插入”面板中的“插入Flash”按钮或“插入Shockwave”按钮，插入一个Flash或Shockwave影片，在属性面板中为影片命名，否则无法用行为进行控制。 步骤2：选择页面中用于控制影片播放的对象（如按钮图像），单击“添加行为”按钮，从弹出的菜