文章导读:在新的一年中,各位网友都进入紧张的学习或是工作阶段。网学的各位小编整理了FrontPage教程-第一节 FrontPage 2003的新增功能的相关内容供大家参考,祝大家在新的一年里工作和学习顺利!
第三节 创建表单网页
掌握了表单域的创建后接着学习表单网页的创建方法,FrontPage 2003中创建表单网页包括使用模板创建、使用向导创建和自定义表单3种方法。
一、使用模板创建
FrontPage 2003中提供了许多创建表单的模板,包括确认表单模板、意见反馈表单模板、意见簿表单模板、用户注册模板和搜索网页表单模板。使用这些模板用户可以方便地创建表单。
1.确认表单模板
使用确认表单模板创建的表单可以对用户在表单中的输入信息进行确认。在用户提交了表单信息后,会将一个默认的确认网页返回给用户,用户在各表单域中所输入的信息将显示在该页面中。有时网页中还会包含一些感谢类的信息,用于对用户的反馈信息表示感谢。使用“确认表单”模板创建确认表单的具体操作步骤如下:
(1)打开已创建的Web站点。
(2)选择“文件”→“新建”命令,打开“新建”任务窗格,如图6.3.1所示。
(3)在“新建网页”选区中单击“其他网页模板”超链接,弹出如图6.3.2所示的“网页模板”对话框。
图6.3.1 “新建”任务窗格 图6.3.2 “网页模板”对话框
(4)在该对话框中选中。。。图标,然后单击“确定”按钮,系统自动生成如图6.3.3所示的“确认表单”编辑页面。
(5)在该编辑页面中用户可以根据自己的需要对表单进行修改,将页面上一些帮助信息和提示信息删除,并将其结果保存到当前编辑的Web站点中。
图6.3.3 “确认表单”编辑页面
2.搜索网页模板
使用搜索网页模板可以创建一个专用的网页,帮助用户在浏览器上搜索相关内容。浏览者只需在搜索表单的文本框中输入搜索的关键字,当提交表单后即可开始查询,所查询到的结果以超链接列表的形式显示在浏览器窗口中。当单击列表中的某个超链接时即可访问相应的链接内容。使用“搜索网页”模板创建搜索表单的具体操作步骤如下:
(1)在“网页模板”对话框(见图6.3.2)中选中。。。图标。
(2)单击“确定”按钮,即可自动生成如图6.3.4所示的“搜索网页表单”编辑页面。
图6.3.4 “搜索网页表单”编辑页面
(3)在该编辑页面中,用户可以做一些简单的修改,然后将其保存到当前编辑的Web站点中。
如果用户要设置搜索表单的属性,则双击该搜索表单,弹出如图6.3.5所示的“搜索表单属性”对话框。在该对话框中可以对搜索表单的属性和搜索结果进行设置,设置完成后单击“确定”按钮,返回到编辑页面中。对网页进行保存后,打开浏览器即可浏览该表单效果。
图6.3.5 “搜索表单属性”对话框
:默认情况下,当在站点中保存网页时,系统会自动将其中的新词添加到当前编辑网站的文本索引中,并不会将旧词删掉。
3.意见簿表单模板
意见簿用于收集留言信息。浏览者可以在该页面中输入自己对该网站的意见和看法。当提交表单后,只要刷新当前页面,就可以看到自己所提交的意见已被添加到网页中。使用“意见簿”模板创建意见簿表单的具体操作步骤如下:
(1)在“网页模板”对话框(见图6.3.2)中选中。。。图标。
(2)单击“确定”按钮,即可自动生成如图6.3.6所示的“意见簿表单”编辑页面。
图6.3.6 “意见簿表单”编辑页面
(3)在该编辑页面中只需做简单的修改就可以创建所需的意见簿表单。
(4)将该网页保存到当前编辑的Web站点中,然后打开浏览器即可浏览表单效果。
:默认情况下,用户在“意见簿”中所提交的各种表单域信息,都会自动保存到当前编辑的Web站点中_Private目录下的guestlog.htm文件中。
4.意见反馈表单模板
意见反馈表单用于收集用户对站点、公司等所提交的反馈意见。设计者根据这些意见来完善或更新当前网站的内容,以便满足广大用户的需求。使用“意见反馈”模板创建意见反馈表单的具体操作步骤如下:
(1)在“网页模板”对话框(见图6.3.2)中选中。。。图标。
(2)单击“确定”按钮,系统自动生成如图6.3.7所示的“意见反馈表单”编辑页面。
图6.3.7 “意见反馈表单”编辑页面
(3)在该编辑页面中,用户只需要进行简单的修改,即可实现意见反馈功能。
(4)网页保存后,打开浏览器即可浏览表单效果。
:默认情况下,用户在“意见反馈表单”中所提交的各种表单域信息,都会自动保存到当前编辑的Web站点的_Private目录下的feedacd.txt文件中。当然,用户也可以根据需要进行存放,关于表单存放的相关知识将在后面讲到。
5.用户注册模板
用户在互联网上冲浪时常常会发现,当需要使用某些网站更高级的功能时,要求用户注册为会员,这时需要在用户注册网页中填写个人信息。该功能就是使用了注册表单。使用用户注册模板可以创建一个包含注册表单的网页,以便进行身份确认。使用“用户注册”模板创建用户注册表单的具体操作步骤如下:
(1)在“网页模板”对话框(见图6.3.2)中选中。。。图标。
(2)单击“确定”按钮,系统将自动生成如图6.3.8所示的“用户注册表单”编辑页面。
(3)在该编辑页面中,用户只需要进行简单的修改,并将修改后的结果保存到当前编辑的Web站点中,网页保存后,打开浏览器即可浏览表单效果。
图6.3.8 “用户注册表单”编辑页面
二、使用向导创建
所谓向导,实际上是一个程序模块,它通过向用户提出许多问题,然后让用户对一些相关的选项作出选择,并根据这些选项生成相应的网页。使用FrontPage 2003中所提供的向导创建表单,不仅可以节省时间,而且还可以创建出具有专业效果的网页。下面来详细讲述使用向导创建表单的过程,其具体操作步骤如下:
(1)选择“文件”→“新建”命令,打开“新建”任务窗格。
(2)在“新建网页”选区中单击“其他网页模板”超链接,弹出如图6.3.9所示的
“网页模板”对话框。
(3)在该对话框中选中。。。图标,单击“确定”按钮,弹出如图6.3.10所示的“表单网页向导”对话框(一)。在该对话框中列出了一些简单的提示信息,用来说明该向导的相关内容。
图6.3.9 “网页模板”对话框 图6.3.10 “表单网页向导”对话框(一)
(4)单击“下一步”按钮,弹出如图6.3.11所示的“表单网页向导”对话框(二)。
(5)单击“添加”按钮,弹出如图6.3.12所示的“表单网页向导”对话框(三)。在“选择此问题要收集的输入类型”列表框中选择问题要收集的类型,如选择“联系信息”选项,选择类型后将会在“说明”文本框中显示相应的选项提示;在“编辑此问题的提示”文本框中输入所选表单对问题的提示信息。
图6.3.11 “表单网页向导”对话框(二) 图6.3.12 “表单网页向导”对话框(三)
(6)单击“下一步”按钮,弹出如图6.3.13所示的“表单网页向导”对话框(四)。
(7)在该对话框中对要收集的信息做进一步的选择,只需在“请选择要从用户处收集的项目”选区中选中相应的复选框或单选按钮即可;在“请输入此组变量的基本名称”文本框中输入这组变量的名称,系统默认的名称为“Contact”。
(8)单击“下一步”按钮,返回到“表单网页向导”对话框(二)中。从该对话框中可以看出,列表框中已列出了所选问题的提示信息。
(9)如果用户还要向表单中添加其他信息,可重复执行步骤(5)~(7)。当添加了多个问题后,可以通过“表单网页向导”对话框(二)中的“修改”、“删除”、“上移”、“下移”等按钮对问题进行修改。
(10)所有的问题添加完成后,单击“下一步”按钮,弹出如图6.3.14所示的“表单网页向导”对话框(五)。在“如何显示问题列表?”选项组中选择问题列表的显示方式;在“是否为此网页建立一个目录?”选项组中确定是否在表单中创建一个目录。
图6.3.13 “表单网页向导”对话框(四) 图6.3.14 “表单网页向导”对话框(五)
(11)单击“下一步”按钮,弹出如图6.3.15所示的“表单网页向导”对话框(六),在该对话框中设置获取表单的方式,系统默认的是将表单结果保存到网页,这里采用默认设置。
(12)在“输入结果文件的基本名称”文本框中输入结果文件的名称,系统默认的结果文件名是“formrslt”,这里采用默认设置。
(13)单击“下一步”按钮,弹出“表单网页向导”对话框(七),在该对话框中直接单击“完成”按钮,即可完成表单网页的创建,创建后的表单网页效果如图6.3.16所示。
图6.3.15 “表单网页向导”对话框(六) 图6.3.16 使用向导创建表单网页
三、自定义表单网页
除了上述所讲的使用模板和使用向导创建表单外,用户还可以根据自己的需要自定义表单。以自定义一个“个人信息表单网页”为例,其具体操作步骤如下:
(1)新建一个空白网页,在光标所在位置输入表单网页标题“个人信息注册表”。
(2)输完后,按回车键另起一行,选择“插入”→“表单”→“表单”命令,即可在网页中插入“提交”和“重置”两个按钮,如图6.3.17所示。
图6.3.17 插入表单
(3)将光标置于“提交”按钮前,按回车键另起一行。将光标置于第一行中,选择“插入”→“表单”→“文本框”命令,即可在表单中插入一个文本框。
(4)在文本框前输入文本框的说明信息,如输入“姓名:”。用户也可以根据自己的爱好通过空格来调整文本框与说明信息之间的距离。
(5)双击所插入的文本框,在弹出的“文本框属性”对话框中设置文本框的属性。对于文本框属性的设置方法前面已经详细讲述过,这里不再赘述。
(6)设置完成后,将光标置于文本框后按回车键另起一行,输入“性别:”。
(7)将光标置于目标位置,选择“插入”→“表单”→“选项按钮”命令,插入一个选项按钮,在选项按钮后输入该选项按钮的说明信息,如输入“女”,并设置该选项按钮的属性。
(8)按同样的方法插入另一个选项按钮,并设置其属性。
(9)根据需要继续插入其他表单域,并设置其属性。同样用户还可以设置“提交”和“重置”两个按钮的属性。自定义表单网页创建完成,效果如图6.3.18所示。
图6.3.18 自定义表单网页