Dreamweaver CC第5章 表单和行为.pptVIP

5.1.6 插入域集和标签 5.1 使用表单 一、 域集。使用域集可将表单内的相关元素进行分组，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果等。首先选中要分组的表单对象，然后选择菜单命令【插入】/【表单】/【域集】。 5.1.6 插入域集和标签 5.1 使用表单 二、 标签。标签为input等表单对象定义标注（标记）。标签元素不会向用户呈现任何特殊效果。但它为鼠标用户改进了可用性。在浏览器中如果在标签元素内点击文本，就会触发此控件。也就是说，当用户单击表单对象前面的标签文本时，浏览器就会自动将焦点转到和标签文本对应的表单对象上。选择菜单命令【插入】/【表单】/【标签】可以插入标签。 5.2.1 认识行为 5.2 使用行为 行为的基本元素有两个：事件和动作，事件是触发动作的原因，动作是事件触发后要实现的效果。行为是事件和事件触发的动作的组合，是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。 事件是由浏览器生成的消息，它提示该页的浏览者已执行了某种操作。例如，当浏览者将鼠标光标移到某个链接上时，浏览器将为该链接生成一个“onMouseOver”事件，然后浏览器检查在当前页面中是否应该调用某段JavaScript代码进行响应。不同的页面元素定义不同的事件。例如，在大多数浏览器中，“onMouseOver”和“onClick”是与超级链接关联的事件，而“onLoad”是与图像和文档的body部分关联的事件。 动作是一段预先编写的JavaScript代码，可用于执行诸如以下的任务：打开浏览器窗口、显示或隐藏AP元素、转到URL等。在将行为附加到某个页面元素后，当该元素的某个事件发生时，行为即会调用与这一事件关联的动作。例如，如果将“弹出信息”动作附加到一个链接上，并指定它将由“onMouseOver”事件触发，则只要某人将鼠标光标放到该链接上，就会弹出相应的信息。一个事件也可以触发许多动作，用户可以定义它们执行的顺序。 5.2.2 添加行为 5.2 使用行为 一、 域集。使用域集可将表单内的相关元素进行分组，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D效果等。首先选中要分组的表单对象，然后选择菜单命令【插入】/【表单】/【域集】。 (1)在页面上选择一个对象。 (2)选择菜单命令【窗口】/【行为】，打开【行为】面板。 5.2.2 添加行为 5.2 使用行为 (3)单击+按钮弹出行为下拉菜单并从中选择一个要添加的行为。 (4)当选择某个行为时，如【弹出信息】，将打开一个对话框显示相关参数和说明，根据要求进行参数设置。 5.2.2 添加行为 5.2 使用行为 (5)在添加的行为中触发动作的默认事件显示在【行为】面板的【事件】列表中，如果默认显示的事件不是所预想的事件，可从【事件】下拉列表中选择适合的事件。 (6)保存文件后在浏览器中预览，当鼠标停留在文本上时，将弹出一个消息提示框。 5.2.3 常用行为 5.2 使用行为 一、 弹出信息。【弹出信息】行为显示一个包含指定消息的提示框。当从一个文档切换到另一个文档或单击特定链接或图像时，想给用户传达特定信息，可以使用此功能。 5.2.3 常用行为 5.2 使用行为 二、 调用JavaScript。【调用JavaScript】行为能够在事件发生时执行自定义的函数或JavaScript代码行。用户可以自己编写JavaScript，也可以使用Web上各种免费的JavaScript库中提供的代码。当单击页面中带有空链接的“关闭窗口”文本时关闭网页。 5.2.3 常用行为 5.2 使用行为 三、 改变属性。【改变属性】行为用来改变网页元素的属性值，如文本大小和字体、背景色、图像的来源以及表单的执行等。当鼠标光标经过含有图像的Div标签时，其边框颜色由蓝色变成红色，当鼠标光标离开时其边框颜色恢复为原来的蓝色。 （1）插入Div并设置CSS属性。 5.2.3 常用行为 5.2 使用行为 （2）在Div标签中插入图像“tu01.jpg”。 （3）选中Div标签，在【行为】面板中添加【改变属性】行为。将触发事件设置为“onMouseOver”。 5.2.3 常用行为 5.2 使用行为 （4）给Div标签再添加一个【改变属性】行为，边框颜色设置为蓝色“#0000FF”，触发事件设置为“onMouseOut”。 5.2.3 常用行为 5.2 使用行为 （5）保存文档并预览网页。 网