网页交互行为论述.pptVIP

创建表单对象 插入列表/菜单 列表和菜单可以在有限的空间内为用户提供更多的选项。列表在滚动条中显示选项值，并可允许用户在列表中选择多个选项。菜单在下拉式菜单中显示选项值，只允许用户选择一个选项。 第*页 创建表单对象 插入跳转菜单 跳转菜单与菜单/列表对象有所不同，跳转菜单的每一个列表项目都链接到一个URL地址。一般常用于友情链接。 第*页 表单的应用 插入其他常用表单域 插入文件域：文件域的作用是用户在表单中选择文件，然后将选中的文件内容发送到服务器。 插入隐藏域：隐藏域通常用来在表单之间传递数据，一般只用于脚本编程。 插入按钮：按钮的作用是控制表单操作。按钮有提交按钮和重置按钮之分。 插入图像按钮：图像按钮实质上是以图像形式显示的按钮，例如“提交”或“重置”按钮。 第*页 表单的应用 表单应用实例 完成会员注册页面，练习表单及表单的各种对象文本框、密码框、单选按钮组、复选框、下拉列表和菜单、提交按钮等的使用。 第*页 主要内容 9.1　网页行为概述 9.2　网页行为 9.3　 jQuery框架 9.4　制作表单页面 9.5　本章小结　 第*页 9.5 本章小结 本章全面讲述了实现网页特效与交互行为的方式。 首先，介绍了网页行为概念，添加行为的方法，并通过实例讲述了文本信息行为、窗口信息行为、图像效果行为、效果行为等行为的应用。 接下来，对Dreamweaver CC中的jQuery框架、jQuery效果及jQuery部件的应用方法进行了介绍。 之后，分别讲述了表单的概念、创建表单的方法、表单对象的类型和特点。 最后，通过实例对表单的应用进行了详细讲述。 第*页 * 网页设计与制作教程 第1章 网页设计与制作基础 第9章 网页交互行为 第*页 本章概述 本章的学习目标 主要内容 本章概述 在制作网页时，为了丰富网页内容，可以在网页中添加特效与交互。这样制作出来的网页，不但新颖、有风格，而且也能增加网站的访问量。利用行为可以高效地实现网页的互动效果，jQuery框架也可以实现网页的交互功能，而表单则是网页交互的入口。本章主要介绍行为的概念，jQuery框架及表单的用法等内容。 第*页 本章的学习目标 了解行为的概念 掌握行为的应用 了解jQuery框架 掌握表单的概念 了解操作表单的各种标签 第*页 主要内容 9.1　网页行为概述 9.2　网页行为 9.3　 jQuery框架 9.4　制作表单页面 9.5　本章小结　 第*页 9.1 网页行为概述 行为是由一个事件（Event）所触发的动作（Action），因此又把行为称为事件的响应，是被用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。事件是浏览器产生的有效信息，也就是访问者对网页所做的事情。不同的网页元素定义了不同的事件。例如，在大多数浏览器中，onMouseOver和onClick是与链接关联的事件，而onLoad是与图像和文档的body部分关联的事件。 第*页 主要内容 9.1　网页行为概述 9.2　网页行为 9.3　 jQuery框架 9.4　制作表单页面 9.5　本章小结　 第*页 9.2 网页行为 在Dreamweaver中，行为是一种可视化特效编辑工具，可以使网页动态地响应用户操作、改变当前页面效果或执行某些特定的任务。Dreamweaver的行为是由JavaScript代码预先编写成的代码。这些代码可以通过简单的操作调用并嵌入到网页中，通过一些特定的事件触发代码执行。 第*页 附加行为 行为可以附加到整个文档，即附加到body标签，还可以附加到文字、图像、AP元素、超链接、表单元素或多种其他HTML元素中的任何一种。 添加行为的方法 修改行为 第*页 附加行为 行为应用实例—网页加载时弹出公告页 第*页 内置行为 Dreamweaver CC内置了许多行为动作，下面说明一些动作的功能。 第*页 行为的应用 标签检查器面板与行为 第*页 行为的应用 文本信息行为 设置文本域文字 设置容器文本 设置状态栏文本 第*页 行为的应用 窗口信息行为 窗口信息行为也是一种比较常见的浏览器特效。该特效主要包括两种窗口信息，即弹出对话框和弹出窗口。 “弹出信息”行为用于弹出一个显示预设信息的JavaScript警告框。由于该警告框只有一个?“确定”按钮，所以使用此行为可以为用户提供信息，但不能提供选择操作。 使用?“打开浏览器窗口”行为可以在一个新的窗口中打开页面。同时，还可以指定该新窗口的属性、特性和名称。 第*页 行为的应用 图像效果行为 交换图像 交换图像行为是通过更改img标签的src属性将一个图像和另一个图像进行交换，或者交换多个图像。 第*页 行为的应用 图像效果行为 增大/收缩 Scale（增大/收缩）行为