广东水利电力职业技术学院网页图像动画与脚本编程网页图像动画与.pptVIP

第十章 制作交互式表单网页 项目展示与项目目标 第十章 制作交互式表单网页 广东水利电力职业技术学院 网页图像动画与脚本编程 地址:北京百万庄大街22号 邮编:100037 编辑热线: (010)网页图像动画与脚本编程 主讲：熊丽华 情境1：会员注册页面制作 网页设计完全攻略 1. 项目展示与项目目标 2. 项目资讯 3. 项目实施 4. 项目检查与评估 1项目展示与项目目标 2. 项目资讯 理论基础一：创建表单 在网络中使用表单可以与Web站点的访问者进行交互、收集各种用户信息。当访问者将信息输入Web站点的表单并提交按钮后，这些表单信息将被发送到服务器端，服务器端脚本或应用程序对这些信息进行处理，然后将加工后的信息返回到访问者的浏览器，从而实现交互。 表单有两个重要的组成部分，一是描述表单的HTML源代码。二是用于处理用户在表单域中输入的服务器端应用程序客户端脚本，如ASP、CGI等。 创建表单域 设置表单属性 2. 项目资讯 理论基础二：创建表单域和设置属性 网页中的表单由表单域和表单对象构成。表单域是指包含各个表单对象的区域；表单对象是指网页中用来进行表单交互的各个工具。 表单名称：设置整个表单域的名称 动作：设置表单数据提交的方法 方法：设置表单数据传输的方法，可以选择POST或GET。 目标：指定显示调用程序后所返回数据的窗口，与超链接的目标方法相同。 MIME类型：设置发送数据的MIME编码类型 2. 项目资讯 理论基础三：插入文本域 文本域是最常用的表单对象之一，主要用于接受访问者向表单中输入的文字信息。共有三种类型的文本域，即单行文本域、密码域和多行文本域。 单行文本域 多行文本域 密码域 2. 项目资讯 理论基础四：插入单选按钮 单选按钮主要用于选择唯一的答案，多用于逻辑性内容，如性别、婚否等。 插入单选按钮 插入单选按钮组 2. 项目资讯 理论基础五：插入复选框 复选框与单选按钮类似，单选按钮是在一组选项中只能进行单项选择，而复选框则是在一组选项中可以进行多项选择。 插入复选框 设置属性 2. 项目资讯 理论基础六：创建列表和菜单 下拉列表/菜单可以为用户在有限的空间提供多个选项进行选择。其中下拉列表可以让用户在多个选项中进行多项选择；下拉菜单可以让用户在多个选项中选择一个选项。 2. 项目资讯 理论基础七：使用按钮 表单中的按钮分为三种类型，分别是提交按钮、重设按钮和普通按钮。使用提交按钮和重设按钮可以实现表单数据的提交和表单的复位，而普通按钮通常与脚本语言相结合，实现网页的一些特殊效果。 按钮 图像域 2. 项目资讯 理论基础八：文件域和隐藏域 文件域可以使用户选择计算机上的文件，并将该文件上传到服务器。 隐藏域是用于收集有关用户信息的文本框。提交表单数据时，该域中存储的信息将被发送到服务器。 3. 项目实施 制作步骤见课本P161 本章小结 网页设计完全攻略 1. 项目展示与项目目标 2. 项目资讯 3. 项目实施 谢谢大家 广东水利电力职业技术学院 网页图像动画与脚本编程