第7章利用表单创建交互式网页

第7章利用表单创建交互式网页 7 1表单概述7 2表单的基本元素7 3在网页中创建表单7 4表单的属性设置实训七 7 1表单概述 表单在Web站点中随处可见 Web站点上的表单类似于纸上的表单 它的作用主要是收集或者提供数据 表单的用途十分广泛 例如 通过网络进行民意调查 产品的订购与销售 电子商务等 表单是FrontPage2002中一个非常重要的部分 FrontPage2002为表单的设计和编辑提供了强大的功能 使用FrontPage2002可以创建各种形式的表单 7 2表单的基本元素 表单是网页上的一组数据输入域 在表单中可以包含各种表单域 表单域是构成表单的基本元素 表单域主要包括文本框 下拉菜单 文本区 选项按钮 提交按钮等 表单就是通过这些不同的表单域来收集各种信息和数据的 通常 站点的访问者在文本框中键入他们的信息 或者单击选项按钮 复选框和下拉框来表达意愿 当站点访问者通过单击按钮提交表单时 就会激活相应的表单处理程序 表单处理程序负责把表单中的数据发送到服务器中 并且在服务器中执行一些预定的操作程序 比如 将访问者提交的数据送入相应的数据库 或者将数据格式转化为E mail的方式发送给站点管理员等 同时将处理后的结果以HTML格式传送到客户端的浏览器上 在FrontPage2002中有许多内置的表单处理程序 供用户选择 可以使用这些程序来处理用户数据采集 个人身份注册等表单 而且这些表单处理程序还可以根据需要将用户提交的数据存储为多种格式的文件 如HTML格式 TXT格式或数据库文件格式等 对表单数据的处理是在Web服务器上进行的 要使FrontPage2002创建的表单在Web服务器上可以工作 就必须将包含表单的Web站点发布到运行FrontPageServerExtensions FrontPage2002服务器扩展 的Web服务器上 1 文本框文本框是具有标签的单行表单域 站点访问者可以在其中键入文本 当文本框被激活时 里面会显示一个插入光标 可以在其中插入信息 文本框的高度只有一行 因此文本框一般用于信息量较小的情况 例如 姓名 年龄 电话号码 电子邮件地址等 文本框是表单域中使用频率比较高的表单域 2 文本区文本区可以输入一行或多行文本 这种域可以滚动以便容纳更多数量的信息 因此 这种文本区表单域适合应用在信息量比较大的情况下 例如 常用于客户信息收集 意见簿 注释等 3 下拉菜单下拉菜单也叫下拉列表框或下拉框 使用下拉列表框可以为站点访问者提供一个选择列表 使用这种域与使用一组选项按钮类似 但它所占用的表单空间比较小 还可以将下拉菜单设置为允许显示一个或多个选项 4 密码域如果希望站点访问者输入密码后才能访问Web站点时 可以在注册表单中添加密码域 密码域其实只是一个单行文本框 站点访问者在这个域中键入数据时 Web浏览器会将密码显示为星号 以保护这些机密信息 5 选项按钮选项按钮是以成组列表的形式出现的 其中有一个是默认选中的 在一组选项按钮中只能选择其中的一个按钮 当小圆中出现黑点时表示此项选中 选项按钮通常用来表示诸如选择男女性别之类互相排斥的情况 6 复选框复选框通常也是成组使用的 可以选中或清除复选框 也可以选择多个复选框 站点访问者可以通过单击方框来选择复选框表单域 当方框被选中时 通常用复选标记 或X显示 7 按钮在表单中有3种按钮 一种是提交按钮 另一种是重置按钮 还有一种是普通按钮 提交按钮 使用提交按钮可以让站点访问者在填写好表单之后提交该表单 表单提交后信息就会被发送到指定的文件或处理程序中 提交按钮是系统的内部按钮 它的功能是由FrontPage2002预先定义好的 重置按钮 用于清除表单中填写好的信息 通过重置表单来清除域并恢复表单的初始状态 重置按钮也属于系统的内部按钮 普通按钮 普通按钮需要自定义其执行动作 因此在使用时不如前两种按钮方便 8 图片域图片域是表单中的特殊元素 它具有发送表单数据的功能 可以在表单中添加图片 用作提交按钮 填写完表单之后 站点访问者可以单击图片以提交该表单 然后表单上的数据包括图片域名称 就会发送到表单处理程序中 9 文件上载文件上载为站点访问者提供了向Web站点发送文件的机会 站点访问者在浏览站点时 可以使用 浏览 按钮 将自己计算机上的文件通过文件上载表单域提交 7 3在网页中创建表单 在FrontPage2002中可以使用两种方法来创建表单 一种是使用表单向导创建表单 另一种是在普通 网页 视图中插入一个空白的表单 然后再添加多个表单域按自定义的方法来完成 为了使大家能够对表单有一个总体的认识 首先介绍利用表单向导创建表单 7 3 1利用表单向导创建表单表单是设计和创建Web站点时的重要内容 为此 FrontPage2002专门提供了一个表单向导用于创建表单 通过表单向导 可以方便 快捷地创建一个功能完善而且具有专业水平的表单 使用表单向导可以创建多种类型的表单 如个人信息表 产品信息表 联系信息表 帐号信息表等 下面以创建一个 个人信息表 为例 具体讲解如何使用FrontPage2002的表单向导 在使用表单向导之前 需要打开或者新建一个Web站点 因为表单只能在发布后的站点中才能够正常使用 利用表单向导生成表单的步骤如下 1 打开或者新建一个站点 单击 文件 菜单 新建 网页和站点 命令 打开 网页模板 对话框 如图7 1所示 图7 1使用表单网页向导 2 在 常规 选项卡中选择 表单网页向导 然后单击 确定 按钮 这时将打开第1个 表单网页向导 对话框 如图7 2所示 3 在第1个 表单网页向导 对话框中 介绍了表单向导的功能和使用方法 单击 下一步 按钮 打开第2个 表单网页向导 对话框 如图7 3所示 图7 2表单网页向导1 图7 3表单网页向导2 4 在第2个 表单网页向导 对话框中 单击 添加 按钮 打开第3个 表单网页向导 对话框 如图7 4所示 5 由于创建的是一个 个人信息表 因此在这个表单中 设计包含两个主题 即 帐户信息 和 个人信息 所以 首先在这个对话框的 选择此问题要收集的输入类型 标签下 选择 帐户信息 图7 4表单网页向导3 6 这时 在 编辑此问题的提示 标签下的文本框中显示出提示信息 单击 下一步 按钮 打开第4个 表单网页向导 对话框 如图7 5所示 在第4个 表单网页向导 对话框中 在 选择要从用户处收集的数据项目 标签下 选择 用户名称 密码复选框以及 作为单个域 和 需要确认 两个单选按钮 其他保持默认值 然后单击 下一步 按钮 打开第5个 表单网页向导 对话框 如图7 6所示 图7 5表单网页向导4 图7 6表单网页向导5 7 在第5个 表单网页向导 对话框中 在 选择此问题要收集的输入类型 标签下的列表框中 选择表单的另一个主题 个人信息 这时 在 编辑此问题的提示 标签下的文本框中 显示出对该选项的提示信息 单击 下一步 按钮 打开第6个 表单网页向导 对话框 如图7 7所示 图7 7表单网页向导6 8 在第6个 表单网页向导 对话框中 在 选择要从用户处收集的数据项目 标签下 可以设置表单所要收集的个人信息的内容 在本例中选中姓名 年龄 性别和身份证号 其他选项保持默认 单击 下一步 按钮 打开第7个 表单网页向导 对话框 如图7 8所示 9 在第7个 表单网页向导 对话框中 在 选择此问题要收集的输入类型 标签下的列表框中 可以根据需要来调整主题的排列顺序 首先选中要调整的主题 然后单击 上移 或者 下移 按钮 即可改变主题的排列顺序 设置完后单击 下一步 按钮 打开第8个 表单网页向导 对话框 如图7 9所示 图7 8表单网页向导7 图7 9表单网页向导8 10 在第8个 表单网页向导 对话框中 在 如何显示问题列表 标签下 可以控制表单元素的显示方式 包括显示为普通段落 编号列表 项目符号列表和定义列表 如果表单包含的内容很多 还可以为表单创建一个目录 如果选择 使用表格对齐表单域 复选框 FrontPage会创建一个表格 使表单域相互对齐 在此选中 显示为普通段落 单选框和 使用表格对齐表单域 复选框 单击 下一步 按钮 打开第9个 表单网页向导 对话框 如图7 10所示 图7 10表单网页向导9 11 第9个 表单网页向导 对话框用于设置表单数据的保存方式 保存方式有以下3种 结果保存到Web页 这会在当前的站点中创建一个HTML文件 当单击了表单上的 提交 按钮后 每对域名 域值就会被添加到这个文件中 将结果存为文本文件 这将在当前的站点中创建一个ASCII文件 如果要想把数据输入到其他应用程序 如数据库或者电子表格 可以选中此项 使用自定义的CGI脚本 可以使用自己编写的CGI脚本来接收数据并生成结果文件 在 输入结果文件的基本名称 标签下的文本框中 可以指定用于存放数据文件的文件名 在本例中 选择 将结果保存到Web页 单选按钮 并将输入结果保存到grxx htm中 单击 下一步 按钮 然后单击 完成 按钮 至此 利用FrontPage2002表单向导就创建了一个 个人信息表 表单网页 如图7 11所示 图7 11使用表单向导创建的网页 在这个表单网页中 可以像编辑普通网页一样进行各种编辑 如设置字体的各种属性 设置网页的属性等 7 3 2自定义表单使用表单向导创建表单不失为是一种简单 方便的好办法 但是由于用途不同 所以表单的样式也各种各样 而表单向导能够创建的表单种类非常有限 因此 为了满足各种不同的需求 常常需要自定义表单 在网页中创建表单的步骤如下 1 在普通 网页 视图中 将光标定位在网页上要放置表单的位置 2 单击 插入 菜单 表单 再单击 表单 命令 这样表单便插入到了网页中 如图7 12所示 3 编辑表单网页时 可以按Enter键插入新行 可以看到 用FrontPage2002的表单功能 只是在网页上插入一个以虚线框住的矩形区域 其中包含一个 提交 按钮和一个 重置 按钮 实际上 从这个表单中不能够获得任何有意义的数据 因为它仅仅是一个表单组件 因此 还必须在这个矩形区域内添加文本和表单域 例如文本框 选项按钮 复选框 下拉框及按钮等 图7 12在网页中创建表单 7 3 3在表单中加入表单域1 在表单中添加文本框文本框是具有标签的单行表单域 1 在表单中加入文本框 1 在普通 网页 视图中 将光标定位在表单上要放置文本框的位置 2 单击 插入 菜单 表单 文本框 命令 文本框便添加到了表单中 如图7 13所示 图7 13在表单中添加文本框 如果在插入表单域时 还没有创建表单 FrontPage2002会自动创建一个表单区域并将单行文本域插入到此表单中 编辑表单时 可以按Enter键插入新行 2 设置文本框的属性在普通 网页 视图中 双击单行文本框 可以打开 文本框属性 对话框 如图7 14所示 在 文本框属性 对话框中可以设置如下属性 名称 设置标识文本框的名称 这个名称是网页中的表单域的标识符 是表单处理程序对它进行处理时唯一识别的标记 这个名称在默认的确认网页上对站点访问者是可见的 但不会显示在表单上 图7 14设置文本框属性 初始值 当站点访问者第一次打开表单时 显示在文本框中的内容 该属性是可选项 宽度 设置以字符数为单位的文本框宽度 这个宽度用来决定用户可以输入字符的个数 密码 设置 是 或 否 来决定此域是否要包含密码 从而加密其中的内容 如果希望这个文本框作为密码域 则用户键入到文本框中的内容会以掩码显示 Tab键次序 设置一个数字 1 999 指明所选域的Tab键次序 Tab键次序用于定义表单中各个表单域之间的切换顺序 注意 只有MicrosoftInternetExplorer4 0和更高版本才支持自定义Tab键次序 单击 验证有效性 按钮 会打开 有效性验证 对话框 如图7 15所示 图7 15设置有效性验证 在图7 14所示的 数据类型 下拉列表框中 有以下4种数据类型 无限制 表示对文本框中输入的字符没有限制 文本 在文本框中输入的字符必须是文本形式 可以选择域所允许的字符类型 如 字母 数字 空白 空格 制表符 回车符和换行符 或 其他 其他字符 例如逗号和连字符 整数 文本框中输入的字符必须是整数 可以指定分隔数字的字符 可以不使用任何标点符号 也可以使用句点分隔数字 例如123 456 789 或者使用逗号分隔数字 例如123 456 789 数字 文本框中输入的字符可以是整数或者小数等 并且指定 分隔数值 的字符和用作 小数点 的字符 但是要注意 分隔数值 和 小数点 不能使用相同的字符 此外 在 文本格式 标签下 可以将输入字符的格式限制为字母或者数字 当输入的内容不符合要求时 会被拒绝接受 在 数据长度 标签下 可以设置数据的最小长度和最大长度 要求用户输入的数据不得少于最小长度 也不得超过最大长度 在 数据值 标签下可以设置数据的输入范围 当设置了有效性检查之后 如果用户输入的内容与以上设置各项有效性检查不符 则输入无效 2 在表单中添加选项按钮选项按钮是以成组列表的形式出现的 在一组选项按钮中 只能够选择其中的一个按钮 因此 每组列表中至少要有两个或两个以上选项按钮在一起工作 1 添加选项按钮 1 在普通 网页 视图中 将光标定位在表单上要放置文本框的位置 2 单击 插入 菜单 表单 选项按钮 命令 选项按钮添加到了表单中 如图7 16所示 图7 16在表单中添加选项按钮 2 设置选项按钮的属性在普通 网页 视图中 双击要设置属性的选项按钮 打开 选项按钮属性 对话框 如图7 17所示 在这个对话框中 可以设置如下属性 组名称 用于标识此选项按钮所属的组的名称 选项按钮是以组为单位的 一个组中有若干个选项按钮 在同一个组工作的选项按钮必须具有相同的组名 图7 17设置选项按钮属性 值 设置与域关联的值 当这个选项按钮被选中时 这个值就会与表单结果一起返回 并显示在默认的确认网页上 具有同一个组名称的选项按钮 其值不能相同 初始状态 设置当站点访问者首次打开表单时 此选项按钮的状态是已被选中或者未被选中 3 在表单中添加下拉框下拉框是另一种提供选项选择的表单域 这种域与使用一组选项按钮类似 它具有很大的灵活性 可以将下拉框设置为单选 也可以将下拉框设置为多选 在通常情况下 下拉框只显示一行 也可以显示成多行 以节省表单空间 1 添加下拉框 1 在普通 网页 视图中 将光标定位在表单上要放置下拉框的位置 2 单击 插入 菜单 表单 再单击 选项按钮 命令 在选定的位置上便插入了选项按钮 如图7 18所示 图7 18在表单中添加下拉框 2 设置下拉框的属性在普通 网页 视图中 双击要设置属性的选项按钮 打开 下拉框属性 对话框 如图7 19所示 在这个对话框中 可以设置如下属性 图7 19设置下拉框属性 名称 用于标识下拉框的名称 添加 添加要显示在下拉框中的选项 单击 添加 按钮 可打开 添加选项 对话框 如图7 20所示 在 添加选项 对话框中 可以设置如下属性 选项 可以在文本框中设置要添加的选项 这些选项将显示在下拉框的列表中 图7 20添加选项按钮对话框 指定值 设置表单返回的值 如果希望表单返回的值与下拉框本身所显示的文本不同 可以选择 指定值 复选框 然后在框中键入要返回的值 例如 菜单中的选项可能是 教师 但是表单结果中返回的值可能是 我 初始状态 设置当站点访问者第一次打开表单时显示在下拉框中的内容 可以设置为 选中 或 未选中 高度 设置希望在下拉框中显示的文本行数 例如 如果下拉框中有3个选项 则可以将高度设为3 这样所有的选项都能看见 允许多重选项 如果要使站点访问者在下拉框中选择多重选项 则选中 允许多重选项 选项按钮的 是 如果选中 否 则站点访问者将只能选择一个选项 可以按照以上步骤 在下拉框中添加多个选项 验证有效性 验证下拉框的有效性 下拉框的有效性验证有两种情况 当 允许多重选项 选项按钮选择为 是 时 单击 验证有效性 按钮 打开 下拉框验证 对话框 当 允许多重选项 选项按钮选择为 否 时 单击 验证有效性 按钮 打开另一个 下拉框验证 对话框 可以参照文本框中有效性验证的设置 设置下拉框的有效性验证 4 在表单中添加复选框复选框是可以重复选择的表单域 通常复选框也成组使用 在一组选项中 站点访问者可以同时选中若干个选项 但是复选框也可以单独使用 1 在表单中添加复选框 1 在普通 网页 视图中 将光标定位在表单中要放置复选框的位置上 2 单击 插入 菜单 表单 再单击 复选框 命令 在选定的位置上便插入了一个复选框 如图7 21所示 图7 21在表单中添加复选框 2 设置复选框的属性在普通 网页 视图中 双击要设置属性的复选框按钮 打开 复选框属性 对话框 如图7 22所示 在这个对话框中 可以设置如下属性 图7 22设置复选框的属性 名称 设置复选框的名称 标识该复选框 与选项按钮不同 每一个复选框都必须有一个单独的名称 值 设置与复选框表单域关联的值 如果选中此复选框 那么该值将同表单结果一起返回 并将显示在默认的确认网页上 否则该值为空 初始状态 设置当站点访问者第一次打开表单时复选框的初始状态 复选框的初始状态可以设置为 选中 或者 未选中 5 在表单中添加标签使用标签表单域 可以在表单域说明文字和表单域之间建立关联 例如 在一般情况下 选项按钮在使用时只有单击选项按钮本身 才能将它选中 如果在选项按钮上添加一个标签文本 那么只要单击标签文本 就可以选中该选项按钮 标签表单域比较独特 标签必须和其他表单域 例如选项按钮 文本框等 一起使用 添加标签表单域的步骤如下 1 在表单中添加一个标签表单域 例如选择选项按钮 然后在它的旁边键入文字 男 2 同时选中选项按钮和文字 单击 插入 菜单 表单 标签 命令 这时 文字 男 被设置成了标签 单击文字将产生和单击选项按钮同样的效果 如图7 23所示 图7 23在表单中添加标签表单域 6 在表单中添加文本区文本区可以收集一行或多行文本 这种域可以滚动 以便容纳不同数量的文本 1 在表单中添加文本区 1 在普通 网页 视图中 将光标定位在表单中要放置文本区的位置上 2 单击 插入 菜单 表单 再单击 文本区 命令 在选定的位置上便插入了文本区 如图7 24所示 2 设置文本区的属性在普通 网页 视图中 双击要设置属性的文本区 打开 文本区属性 对话框 如图7 25所示 图7 24在表单中添加文本区 图7 25设置文本区的属性 在 文本区属性 对话框中 可以设置如下属性 名称 设置标识文本区的名称 这个名称在默认的确认网页上对站点访问者是可见的 宽度 设置所需要的文本区字符宽度 行数 以文本行数为单位 设置所需要的文本区的高度 另外 对文本区的 初始值 以及 验证有效性 等属性的设置都与文本框的相关设置基本相同 7 在表单中添加分组框分组框的作用是 将一组相关的控件以及文本与网页或当前表单上的其他信息分开 如图7 26所示 1 添加分组框添加分组框的步骤如下 1 在普通 网页 视图中 将光标定位在表单中要放置文本区的位置上 2 单击 插入 菜单 表单 再单击 分组框 命令 在选定的位置上便插入了一个分组框 如图7 25所示 图7 26在表单中添加分组框 2 设置分组框的属性在普通 网页 视图中 将光标放置在分组框内的任何位置上 单击鼠标右键 在快捷菜单上选择 分组框属性 命令 打开 分组框属性 对话框 如图7 27所示 在 分组框属性 对话框中 可以设置如下属性 标签 设置分组框的标签名称 对齐 设置分组框与其他表单域的对齐方式 图7 27设置分组框的属性 7 4表单的属性设置 在前面的内容中 已经介绍了如何创建表单网页以及如何在表单中添加 设置各种表单域的方法 下面将介绍如何处理表单中的信息 在表单属性对话框中 可以选择将表单结果 发送到文件名称 发送到电子邮件地址 发送到数据库 发送到其他对象 等 要设置表单的属性 可以在FrontPage2002的普通 网页 视图中 打开要设置属性的表单 单击鼠标右键 在快捷菜单上选择 表单属性 命令 即可打开 表单属性 对话框 进行各种属性的设置 7 4 1把表单结果 发送到文件名称 如果在 表单的属性设置 对话框中 选择了要把表单结果 发送到文件名称 时 则需要配合使用MicrosoftSharePoint才能够实现这个功能 下面先简要介绍一下MicrosoftSharePoint 然后再结合实例介绍把表单结果 发送到文件名称 的方法 1 MicrosoftSharePoint简介MicrosoftSharePoint是FrontPage2002自带的一个Web站点管理器 FrontPage2002的很多功能只有当站点发布在支持MicrosoftSharePoint的服务器上才能够使用 MicrosoftSharePoint是基于IIS5 0的 也就是说 它只有在安装并运行了IIS5 0的系统中才能够运行 IIS的全称是InternetInformationServer 是微软公司推出的一个Internet信息服务器 它也是目前WindowsNT服务器上功能最强 最为流行的站点服务器之一 事实上 MicrosoftSharePoint相当于一个虚拟服务器 只有发布在虚拟服务器中的站点才可以实现FrontPage2002的特定功能 例如 要实现将表单结果 发送到文件名称 这个功能 则表单所在的站点必须发布在支持MicrosoftSharePoint的服务器中 2 将表单结果 发送到文件名称 的步骤下面结合前面利用FrontPage2002的 表单向导 创建的 个人信息表 详细介绍将表单结果 发送到文件名称 的步骤 已经创建好的 个人信息表 表单网页如图7 28所示 图7 28已创建好的 个人信息表 表单网页 1 在普通 网页 视图中 打开图7 28所示的实例网页 在表单中单击鼠标右键 在弹出的快捷菜单上选择 表单属性 命令 打开 表单属性 对话框 如图7 29所示 图7 29设置个人信息表的属性 2 在 表单属性 对话框中 选择 将结果保存到 标签下的 发送到文件名称 选项按钮 表示要按照这种方法来处理表单结果 3 单击 选项 按钮 打开 保存表单结果 对话框 如图7 30所示 4 在 文件结果 选项卡中 可以设置如下属性 在 文件结果 选项卡的 文件名称 标签下的文本框中 键入表单结果需要保存的目标文件的路径和名称 在此选择默认值 Private grxx htm 在 可选文件 的 文件名称 标签下 还可以指定另外一个用于存放提示信息的文件 在 文件格式 标签下的 文件格式 列表框中 选择将文件保存为HTML格式 并且选中 包括域名 和 最新结果放在末尾 两个复选框 5 单击 电子邮件结果 选项 打开 电子邮件结果 选项卡 如图7 31所示 在 电子邮件结果 选项卡中 可以作如下设置 在 接收结果的电子邮件地址 文本框中 可以设置将填写表单的结果发送到指定的电子邮件地址 图7 30保存表单文件结果 图7 31设置电子邮件的属性 在 电子邮件格式 标签下 可以设置电子邮件的格式 在 邮件标题 标签下 可以设置电子邮件的主题行和电子邮件的答复行等多种属性 使用电子邮件的目的是 为了尽快将填写好的表单结果通知站点管理员或者返回给站点访问者 单击 确认网页 选项 打开 确认网页 选项卡 如图7 32所示 6 在 确认网页 选项卡中 可以设置表单的确认网页 所谓确认网页 是指当站点的访问者按下 提交 按钮提交表单 服务器在正确处理了用户提交的数据后 发送给用户的反馈网页 通过确认网页 可以了解到表单数据是否正确地传送给了服务器 可以选择返回系统默认的确认网页 也可以自定义确认网页 在此选择默认网页作为确认网页 7 单击 保存的域 选项 打开 保存的域 选项卡 如图7 33所示 图7 32设置确认网页的属性 图7 33设置保存的域的属性 在 保存的域 选项卡中 可以作如下的设置 在 要保存的表单域 滚动文本框中 可以选择需要包括在表单结果文件中的表单域 在默认的情况下 所有的表单域都将被保存到结果文件中 在此选择默认设置 在 日期和时间 标签下 选择一种 日期格式 和 时间格式 在 要保存的附加信息 标签下 选中所有的复选框 以便于查看与表单有关的附加信息 设置完成后 单击 确定 按钮 在完成了以上设置之后 还需要在MicrosoftSharePoint管理器中按以下步骤创建一个子站点 1 打开MicrosoftSharePoint管理器窗口 如图7 34所示 2 单击 虚拟服务器 下的 管理 选项 打开 虚拟服务器管理 窗口 如图7 35所示 图7 34MicrosoftSharePoint管理器窗口 图7 35 虚拟服务器管理 窗口 3 在 虚拟服务器管理 窗口中 单击 转到站点管理http ccxp 选项 打开如图7 36所示的窗口 4 在图7 36所示的窗口中建立新的子站点 单击 子站点 下的 创建子站点 选项 打开如图7 37所示的窗口 图7 36 管理站点http ccxp 窗口 图7 37创建新的子站点 5 在 新建子站点 标签下的 名称 文本框中键入t2 即新建一个名为t2的子站点 其他选项均选默认设置 6 单击 提交 按钮 这样就创建了一个新的子站点 该站点的访问路径为http ccxp t2或http Inetpub t2 建立子站点之后 打开 Internet信息服务 窗口 可以看到新建的t2文件夹 如图7 38所示 新建的t2文件夹的默认路径为C Inetput wwwroot t2 图7 38 Internet信息服务 窗口 在MicrosoftSharePoint管理器中创建一个新的子站点后 下面就要把我们在前面所创建的如图7 28所示的 个人信息表 表单发布到这个新建的站点中 1 在FrontPage2002的普通 网页 视图中 打开 文件 菜单 选择 发布站点 命令 打开 发布站点 对话框 如图7 39所示 图7 39 发布站点 对话框 2 在 发布站点 对话框的 站点目标位置 文本框中 将站点目标位置设为http ccxp t2 即要把 个人信息表 表单发布到新建的站点t2中 3 单击 发布 按钮 即完成了表单网页的发布 表单网页发布之后 还需要对它进行测试 在浏览器窗口的地址栏中键入http ccxp t2 这时将在浏览器窗口中显示如图7 40所示的 个人信息表 表单网页 图7 40发布后的表单网页 在表单中填写各个项目之后 单击 提交表单 按钮 表单提交后 FrontPage2002会自动把它送到表单处理程序中进行处理 然后将结果以默认的 确认网页 形式反馈给站点访问者 如图7 41所示 表示 个人信息表 表单已经成功提交 图7 41表单发布后反馈的确认网页 如果站点访问者需要查看表单提交后所保存的结果文件 可以打开t2站点 并在其中找到一个名为 Private的文件夹 打开其中的 grxx htm 文件 在这个文件中可以查看到该表单的所有注册信息 如图7 42所示 图7 42表单发布后保存的结果文件 7 4 2把表单结果发送到数据库利用表单可以收集到各种数据 要处理这些数据 通常是将表单中的数据发送到数据库 在使用这个方法之前有两点需要明确 首先应该明确 在FrontPage2002中 实现表单中的数据 发送到数据库 这一功能是基于服务器的 因此 在发送表单数据之前 应该先将表单网页所在的站点发布到服务器上 其次 将表单数据发送到数据库 要使用ASP技术 有关ASP技术的介绍可以参考相关的书籍 下面继续以 个人信息表 为例 介绍如何将表单中的数据发送到数据库 在前面的例子中 为了实现将 表单结果保存到文件 已经将表单所在的站点发布到了服务器上 并且通过设置 表单属性 已经成功地将 个人信息表 表单保存到了文件 因此在这里 只需做简单的设置就可以将表单中的数据发送到数据库 具体步骤如下 1 在普通 网页 视图中 打开图7 28所示的实例网页 在表单中单击鼠标右键 在弹出的快捷菜单上选择 表单属性 命令 打开 表单属性 对话框 如图7 43所示 图7 43选择将表单发送到数据库 2 在 表单属性 对话框中 选择 发送到数据库 单选按钮 然后再单击 选项 按钮 3 在 将结果保存到数据库的选项 对话框中 打开 数据库结果 选项卡 如图7 44所示 在打开的 数据库结果 选项卡中设置以下属性 图7 44设置数据库的属性 在 要使用的数据库连接 下拉列表框中 可以选择一个数据库来保存表单结果 如果在当前站点中没有现成的数据库 可以单击 创建数据库 按钮 这时FrontPage2002将自动生成一个与网页同名的数据库Index mdb 这个数据库是由MicrosoftOfficeXP组件中的Access生成的 并且系统会在保存该网页的站点中新建一个名为Fpdb的文件夹 并将生成的数据库文件Index mdb保存在这个文件夹中 在 包含表单结果的表格 标签下 可以选择用于存储表单结果的表格 单击 添加连接 按钮 会打开 站点设置 对话框 如图7 45所示 在该对话框中可以创建数据库和表单之间的连接 图7 45 站点设置 对话框 单击 添加 按钮 可以打开 新建数据库连接 对话框 如图7 46所示 在这个对话框中 可以添加到其他数据库的连接 在 保存的域 选项卡中 选择需要发送到数据库的表单数据 在默认情况下 表单中的数据将全部保存 如图7 47所示 图7 46 新建数据库连接 对话框 图7 47选择发送到数据库的数据 4 完成对数据库属性的设置后 还需要将所作的设置另存为 asp文件格式 如图7 48所示 图7 48 另存为 对话框 5 将index htm文件另存为index asp文件之后 就可以在浏览器中运行这个网页了 在浏览器中键入http ccxp t2后 将在浏览器窗口中打开一个 个人信息表 表单网页 当站点访问者填写好表单单击 提交表单 按钮后 如果系统运行正常 FrontPage2002将会反馈一个 确认表单网页 表示表单数据已经成功发送到相应的数据库中 如图7 49所示 6 打开包含在站点中的fpdb文件夹 如图7 50所示 图7 49表单发送到数据库的表单确认 图7 50由Access生成的数据库 7 打开fpdb文件夹下的数据库文件Index mdb 如图7 51所示 8 在Access中打开数据表 结果 如图7 52所示 从显示的数据中可以看出 表单提交的数据已经被成功发送到数据库中 表单和数据库之间已经成功连接 图7 51保存在 结果 中的表单数据库 图7 52由Access生成的表单数据库 7 4 3设置注册表单处理程序注册表单处理程序是FrontPage中的一种表单处理程序 它允许站点访问者自动注册自己 以访问Web站点提供的服务 注册表单处理程序将站点访问者提交的数据添加到身份验证数据库 然后从表单收集可选信息 并且用所支持的多种文件格式中的一种将其保存 要建立注册访问的Web 这个Web必须是基于服务器的 这是因为注册信息要保存在服务器的根上 创建用户注册表单的步骤如下 1 打开根站点 根站点 由Web服务器提供的默认 顶级站点 2 单击 文件 菜单 新建 网页或站点 命令 3 在 新建网页或站点 任务窗格中 在 根据模板新建 标签之下 单击 网页模板 4 在 网页模板 的 常规 选项卡上单击 用户注册 再单击 确定 按钮 便创建了一个用户注册表单 如图7 53所示 图7 53用户注册表单 5 在普通 网页 视图中 用鼠标右键单击 用户注册 表单 再单击快捷菜单上的 表单属性 命令 打开 表单属性对话框 如图7 54所示 6 单击 选项 按钮 再单击 注册 选项卡 如图7 55所示 7 在 站点名称 文本框中 键入受保护的Web站点的名称 8 单击 文件结果 选项卡 在这个选项卡中可以设置的属性如图7 56所示 图7 54设置注册表单的属性 图7 55设置注册表单的属性 图7 56设置注册表单的文件格式 9 在 文件名称 框中将显示保存有站点访问者用户名的文件 默认情况下 这个文件位于根站点的 private文件夹中 10 在 文件格式 文本框中 选择用于接收文件结果的格式 11 单击 确定 按钮 再单击一次 确定 按钮 12 保存以上设置 单击 文件 菜单 另存为 命令 13 在 文件名 框中 键入要注册网页的文件名 7 4 4确认网页的制作和关联通过使用表单确认网页 可以允许站点访问者确认他们是否正确地输入了表单信息 如果需要 还可以返回表单重新填写 在没有定义表单确认网页的情况下 当站点访问者正确提交表单后 FrontPage2002会自动反馈一个默认的确认网页 在这个网页中显示了一个包含表单中所有域的名称及其值的列表 以确认输入的内容 在FrontPage2002中允许自定义确认网页 下面以一个已经制作好的如图7 57所示的表单为例 具体介绍确认网页的自定义方法 图7 57已经创建好的表单 图7 55所示的是一个已经创建好的表单网页 将其定义为确认网页的步骤如下 1 创建一个确认网页 1 打开包含该表单网页的站点 2 在普通 网页 视图中 单击 文件 菜单 新建 网页或站点 命令 3 在 新建网页或站点 任务窗格中 在 新建 标签下 单击 空白网页 4 在新建的 空白网页 中 键入站点访问者提交表单后要显示的文本 例如 尊敬的 等信息 2 定义要确认的表单域 1 在普通 网页 视图下单击 插入 Web组件 命令 打开 插入Web组件 对话框 如图7 58所示 图7 58自定义确认网页 2 在 组件类型 列表框中单击 高级控件 并在 选择一个控件 列表框中双击 确认域 打开 确认域属性 对话框 如图7 59所示 图7 59设置确认域的属性 3 在 要确认的表单域名称 标签下的文本框中键入用来显示 姓名 的文本域的名称 在本例中为T1 然后单击 确定 按钮 注意 域的名称必须与设置表单域属性时为该表单域所设置的名称相匹配 4 再次单击 插入 菜单 Web组件 命令 打开 插入Web组件 对话框 在其中作同样的选择 再次打开 确认域属性 对话框 并且在 要确认的表单域名称 标签下的文本框中键入 职务 的文本域的名称T2 5 按照同样的方法 依次定义 单位 电话 传真 电子邮件 站点地址 文本域的名称 对每个要显示的表单域重复上述步骤 此域的名称将显示在表单上的括号 内 向站点