网页设计与制作教程 第9章 网页交互行为

网页设计与制作教程 第 1章 网页设计与制作基础 第 9章 网页交互行为 第 1页 本章概述 本章的学习目标 主要内容 网页设计与制作教程 第 1章 网页设计与制作基础 本章概述 在制作网页时，为了丰富网页内容，可以在网页中添加特效与交互。这样制作出来的网页，不但新颖、有风格，而且也能增加网站的访问量。利用行为可以高效地实现网页的互动效果， 表单则是网页交互的入口。本章主要介绍行为的概念， 第 2页 网页设计与制作教程 第 1章 网页设计与制作基础 本章的学习目标 了解行为的概念 掌握行为的应用 了解 掌握表单的概念 了解操作表单的各种标签 第 3页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 页行为概述 页行为 作表单页面 章小结 第 4页 网页设计与制作教程 第 1章 网页设计与制作基础 网页行为概述 行为是由一个事件（ 触发的动作（因此又把行为称为事件的响应，是被用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。事件是浏览器产生的有效信息，也就是访问者对网页所做的事情。不同的网页元素定义了不同的事件。例如，在大多数浏览器中， 第 5页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 页行为概述 页行为 作表单页面 章小结 第 6页 网页设计与制作教程 第 1章 网页设计与制作基础 网页行为 在 为是一种可视化特效编辑工具，可以使网页动态地响应用户操作、改变当前页面效果或执行某些特定的任务。些代码可以通过简单的操作调用并嵌入到网页中，通过一些特定的事件触发代码执行。 第 7页 网页设计与制作教程 第 1章 网页设计与制作基础 附加行为 行为可以附加到整个文档，即附加到 标签，还可以附加到文字、图像、 链接、表单元素或多种其他 添加行为的方法 修改行为 第 8页 网页设计与制作教程 第 1章 网页设计与制作基础 附加行为 行为应用实例 网页加载时弹出公告页 第 9页 网页设计与制作教程 第 1章 网页设计与制作基础 内置行为 面说明一些动作的功能。 第 10页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 标签检查器面板与行为 第 11页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 文本信息行为 设置文本域文字 设置容器文本 设置状态栏文本 第 12页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 窗口信息行为 窗口信息行为也是一种比较常见的浏览器特效。该特效主要包括两种窗口信息，即弹出对话框和弹出窗口。 “弹出信息”行为用于弹出一个显示预设信息的于该警告框只有一个 “确定”按钮，所以使用此行为可以为用户提供信息，但不能提供选择操作。 使用 “打开浏览器窗口”行为可以在一个新的窗口中打开页面。同时，还可以指定该新窗口的属性、特性和名称。 第 13页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 图像效果行为 交换图像 交换图像行为是通过更改 标签的 者交换多个图像。 第 14页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 图像效果行为 增大 /收缩 大 /收缩）行为可以将网页中指定的对象按照百分比放大或缩小。并且，在用事件触发该行为后，其效果是逐渐进行增大或收缩的。 第 15页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 图像效果行为 膨胀 /挤压 为网页对象设置 胀 /挤压）行为可以将网页对象缩放至消失。 第 16页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 效果行为 改变属性 “改变属性”行为可以用来动态地改变某个网页对象的属性。 第 17页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 效果行为 拖动 “拖动 为是一种交互性的行为。其作用是创建可拖动的 用此行为可创建拼板游戏、滑块控件和其它可移动的界面元素。 第 18页 网页设计与制作教程 第 1章 网页设计与制作基础 行为的应用 效果行为 显示 “显示 为也是一种交互行为。为 以通过单击超链接、图像、按钮等对象控制 第 19页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 页行为概述 页行为 作表单页面 章小结 第 20页 网页设计与制作教程 第 1章 网页设计与制作基础 来构建能够向站点访问者提供更丰富体验的 了可以使用 可以创建 折叠部件和选项卡部件），向各种页面元素中添加不同种类的效果。在设计上， 第 21页 网页设计与制作教程 第 1章 网页设计与制作基础 以将它们应用于使用 果通常用于在一段时间内高亮显示信息，创建动画过渡或者以可视方式修改页面元素。可以将效果直接应用于 无需其他自定义标签。 第 22页 网页设计与制作教程 第 1章 网页设计与制作基础 件）是以 语言编写的小型 用程序。在利用 以在网页内插入和执行，然后设置部件的样式。此外， 助提供了一种将桌面体验复制到网页上的方法。 插入 第 23页 网页设计与制作教程 第 1章 网页设计与制作基础 选择和编辑 第 24页 网页设计与制作教程 第 1章 网页设计与制作基础 设置 第 25页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 页行为概述 页行为 作表单页面 章小结 第 26页 网页设计与制作教程 第 1章 网页设计与制作基础 制作表单页面 互联网向浏览者提供丰富的资源，在交互式的网络中，表单是一个不可缺少的元素，是交互的一个入口。只要有交互出现的地方，就会有表单。 表单的概念 创建表单 创建表单对象 表单的应用 第 27页 网页设计与制作教程 第 1章 网页设计与制作基础 表单的概念 表单是网页上用于输入信息的区域，例如，向文本框中输入文字或数字；在方框中打勾；使用单选按钮选中一个选项；或从一个列表中选择一个选项等。 表单标签 表单域 表单按钮 第 28页 网易免费邮箱注册表单 网页设计与制作教程 第 1章 网页设计与制作基础 创建表单 表单相当于一个容器，其容纳的是承载数据的表单对象，如文本框、复选框等，因此一个完整的表单至少包括表单及表单对象，二者缺一不可。 表单的属性 插入表单域 第 29页 网页设计与制作教程 第 1章 网页设计与制作基础 创建表单对象 插入表单对象 在 “文本”对象、“电子邮件”对象、“密码”对象等。下面以文本域对象说明插入表单对象的方法。 第 30页 网页设计与制作教程 第 1章 网页设计与制作基础 创建表单对象 插入单选按钮 单选按钮是指从一组选项中只能选择一个选项。 插入复选框 复选框是指从一组选项中选择多个选项。 第 31页 网页设计与制作教程 第 1章 网页设计与制作基础 创建表单对象 插入列表 /菜单 列表和菜单可以在有限的空间内为用户提供更多的选项。列表在滚动条中显示选项值，并可允许用户在列表中选择多个选项。菜单在下拉式菜单中显示选项值，只允许用户选择一个选项。 第 32页 网页设计与制作教程 第 1章 网页设计与制作基础 创建表单对象 插入跳转菜单 跳转菜单与菜单 /列表对象有所不同，跳转菜单的每一个列表项目都链接到一个 般常用于友情链接。 第 33页 网页设计与制作教程 第 1章 网页设计与制作基础 表单的应用 插入其他常用表单域 插入文件域 ： 文件域的作用是用户在表单中选择文件，然后将选中的文件内容发送到服务器。 插入隐藏域 ： 隐藏域通常用来在表单之间传递数据，一般只用于脚本编程。 插入按钮 ： 按钮的作用是控制表单操作。按钮有提交按钮和重置按钮之分。 插入图像按钮 ： 图像按钮实质上是以图像形式显示的按钮，例如“提交”或“重置”按钮。 第 34页 网页设计与制作教程 第 1章 网页设计与制作基础 表单的应用 表单应用实例 完成会员注册页面，练习表单及表单的各种对象文本框、密码框、单选按钮组、复选框、下拉列表和菜单、提交按钮等的使用。 第 35页 网页设计与制作教程 第 1章 网页设计与制作基础 主要内容 页行为概述 页行为 作表单页面 章小结 第 36页 网页设计与制作