网页制作：项目12__使用行为完善网页功能--.pptVIP

主讲： 网页设计与制作——Dreamweaver 8 项目十二 使用行为完善网页功能 任务一 设置页眉部分 任务二 设置主体部分 项目十二： 使用行为完善网页功能 网页设计与制作Dreamweaver 8 任务一 小 结 任务二 实 训 任务一 设置页眉部分 本任务主要介绍设置状态栏文本和弹出式菜单的方法，同时认识行为的概念，并了解【行为】面板的基本操作。 Dreamweaver 8 网页设计与制作 项目十二： 使用行为完善网页功能 任务一 小 结 任务二 实 训 操作一 设置状态栏文本 1. 了解【行为】面板 在主菜单中选择【窗口】／【行为】命令可打开【行为】面板。 Dreamweaver 8 网页设计与制作 项目十二： 使用行为完善网页功能 设置状态栏文本操作动画 任务一 小 结 任务二 实 训 在行为菜单中选择【设置文本】／【设置状态栏文本】命令，打开【设置状态栏文本】对话框可设置状态栏文本。 2. 设置状态栏文本 Dreamweaver 8 网页设计与制作 操作一 设置状态栏文本 项目十二： 使用行为完善网页功能 任务一 小 结 任务二 实 训 操作一 设置状态栏文本 一个行为是由一个事件所触发的动作组成的，因此行为的基本元素有两个：事件和动作。事件是浏览器产生的有效信息，也就是访问者对网页所做的事情。例如，当访问者将鼠标光标移到一个链接上，浏览器就会为这个链接产生一个“onMouseOver”（鼠标经过）事件。然后，浏览器会检查当事件为这个链接产生时，是否有一些代码需要执行，如果有就执行这段代码，这就是动作。 在【行为】面板中添加了一个动作，也就有了一个事件。选择不同的动作，【事件】菜单中会罗列出可以触发该动作的所有事件。不同的动作，所支持的事件也不同。 不同的事件为不同的网页元素所定义。例如，在大多数浏览器中，“onMouseOver”（鼠标经过）和“onClick”（单击）行为是和链接相关的事件，然而“onLoad”（载入）行为是和图像及文档相关的事件。一个单一的事件可以触发几个不同的动作，而且可以指定这些动作发生的顺序。 3. 行为的概念 Dreamweaver 8 网页设计与制作 项目十二： 使用行为完善网页功能 任务一 小 结 任务二 实 训 弹出式菜单可以在网页中实现类似Windows操作系统中的菜单效果，菜单可以随意展开或隐藏，可以将所有的分支栏目全部包含在菜单中，可以直接到达子页面，而不必逐级打开。本操作主要设置一个水平方向上的弹出式菜单。重点掌握【显示弹出式菜单】对话框的设置。在行为菜单中选择【显示弹出式菜单】命令可打开【显示弹出式菜单】对话框。 操作二 制作弹出式菜单 1. 【显示弹出式菜单】对话框的设置 Dreamweaver 8 网页设计与制作 项目十二： 使用行为完善网页功能 制作弹出式菜单操作动画 任务一 小 结 任务二 实 训 【onFocus】：当指定的元素成为访问者交互的中心时产生。例如，在一个文本区域中点击将产生一个【onFocus】事件。 【onBlur】：【onFocus】事件的相反事件，该事件是指当前指定元素不再是访问者交互的中心。例如，当访问者在文本区域内点击后再在文本区域外点击，浏览器将为这个文本区域产生一个【onBlur】事件。 【onChange】：当访问者改变页面的一个数值时产生。例如，当访问者从菜单中选择一条内容或改变一个文本区域的值，然后在页面的其他地方点击时，会产生一个【OnChange】事件。 【onClick】：当访问者单击指定的元素（如一个链接、按钮或图像地图）时产生。单击直到访问者释放鼠标按键时才完成，只要按下鼠标按键便会令某些现象发生。 【onLoad】：当图像或页面结束载入时产生。 操作二 制作弹出式菜单 2.比较常用的事件 Dreamweaver 8 网页设计与制作 项目十二： 使用行为完善网页功能 任务一 小 结 任务二 实 训 【onUnload】：当访问者离开页面时产生。 【onMouseMove】：当访问者指向一个特定元素并移动鼠标时产生（指针停留在元素的边界以内）。 【onMouseDown】：当鼠标在特定元素上按下时产生该事件。 【onMouseOut】：当指针从特定的元素（该特定元素通常是一个图像或一个附加于图像的链接）移走时产生。这个事件经常被用来和【恢复交换图像】（Swap Image Restore）动作关联，当访问者不再指向一个图像时，将它返回到其初始状态。 【onMouseOver】：当鼠标首次指向特定元素时产生（指针从没有指向元素向指向元素移动），该特定元素通常是一个链接。 【