网设计与制作第08章使用行为和表单.pptxVIP

8.1 学习任务：认识行为;8.1.1 行为的基本知识;事件可以被附加到各种页面元素上，也可以被附加到HTML标签中。一个事件总是针对页面元素或标签而言的。例如，将鼠标指针移到图片上、把鼠标指针放在图片之外和单击鼠标左键是与鼠标有关的3个最常见的事件(onMouseOver、onMouseOut、onClick)。不同浏览器支持的事件类型和数量是不一样的，通常高版本的浏览器支持更多的事件。 动作是指最终需完成的动态效果，如交换图像、弹出信息、打开浏览器窗口、播放声音等都是动作。动作通常是一段JavaScript代码。在Dreamweaver中使用内置行为时，系统会自动向页面中添加JavaScript代码，用户不必自己编写。 ;8.1.2 行为面板与行为菜单;增加事件值：将当前选定的行为向前移动。 降低事件值：将当前选定的行为向后移动。 Dreamweaver内置了一些标准行为以满足用户需求，它们主要是针对Internet Explorer4.0或更高版本浏览器。在“行为”面板中，单击“添加行为”按钮，可以展开行为菜单，如图8-2所示，菜单项对应了Dreamweaver内置的各种行为。 各菜单项功能如下： 交换图像：当发生所设置的事件后，用其他图像替代当前图像。 弹出信息：当发生所设置的事件后，弹出一个消息框。 恢复交换图像：恢复设置“交换图像”行为又因为某种原因失去效果的图像。 打开浏览器窗口：打开一个新的浏览器窗口。;拖动AP元素：可以让浏览者拖动AP元素。 改变属性：可以改变相应对象的属性值。 效果：可将各种效果应用于页面上的相应元素。 时间轴：可以控制时间轴的动作。 显示-隐藏元素：可以显示、隐藏或恢复一个或多个页面元素的可见性。 检查插件：检查是否装有运行网页的插件。 检查表单：检测用户填写的表单内容是否符合预先设定的规范。 设置导航栏图像：制作图像导航条。 设置文本：可以在不同位置显示相应内容。 调用Javascript：当事件发生时，调用指定的Javascript函数。;跳转菜单：制作一次可建立若干个链接的跳转菜单。 跳转菜单开始：在跳转菜单中选定要移动的站点后，只有单击“开始”按钮才可移动到链接的站点上。 转到URL：选定事件发生后，可以跳转到指定站点或网页文档上。 预先载入图像：在下载图像之前预先载入一幅图像。 ;8.1.3 行为的基本操作;3．编辑行为 若要编辑行为所对应的动作，可在“行为”面板的行为列表中，直接双击某个行为所对应的动作名称；或者将鼠标指向某个动作名称，单击鼠标右键，在打开的快捷菜单中选择“编辑行为”命令，均可打开对应的设置对话框，从中重新设置动作的参数，然后单击【确定】按钮。 如果需要设置某个行为对应的事件，直接单击行为名称，在展开的事件列表中直接选择需要的事件即可。;8.2 案例1添加弹出提示信息的行为;在打开的“弹出信息”对话框中输入信息内容，如图8-6所示，单击【确定】按钮。;4）在“行为”面板中的行为列表中单击该行为的事件列，选择“onMouseOver”选项。 5）选中图像下方的文本，在“行为”面板中单击“添加行为”按钮，选择“转到URL”命令。 6）在打开的“转到URL”对话框中，设置要转到的目标URL地址，这里选择图像的原图，然后单击【确定】按钮。 7）在行为列表中找到刚添加的行为，单击该行为的事件列，在下拉列表中选择“onClick”选项。 8）保存网页文档，按下〈F12〉键在浏览器中预览网页效果。; 8.3 案例2 制作网页加载时弹出公告页;具体操作如下： 在Dreamweaver中打开前面介绍过的网页文件，如图8-8所示。 2）选择“窗口→行为”命令打开“行为”面板，单击面板中的按钮，在弹出的菜单中选择“打开浏览器窗口”命令，弹出“打开浏览器窗口”对话框，如图8-9所示。;在“打开浏览器窗口”对话框中，各选项含义： 要显示的URL：可以输入或通过单击【浏览】按钮选择打开的网页文件。 窗口宽度：设置打开浏览器窗口的宽度，通常以像素（px）为单位。 窗口高度：设置打开浏览器窗口的高度。 属性：设置相应栏目是否在打开的浏览器窗口中显示。 窗口名称：新窗口的名称。如果用户通过Javascript使用链接指向新窗口或控制新窗口，则应对新窗口命名。所命名不能包含空格或特殊字符。 3）单击“要显示的URL”文本框右侧的【浏览】按钮，选择已存在的网页文件pop.html，设置“窗口宽度”和“窗口高度”分别为200px和200px，其它选项保持默认。 4）单击【确定】按钮，在“行为”面板中添加了行为，并设置左侧“事件”为onLoad，即在加载网页时，触发该行为。设置后的“行为”面板如图8-10所示。;5）保存网页文档，按下〈F12〉键在浏览器中预览网页效果。 ?提