Frontpage教程 第十课 表单设计文档格式.docx
- 文档编号:15392167
- 上传时间:2022-10-29
- 格式:DOCX
- 页数:27
- 大小:457.08KB
Frontpage教程 第十课 表单设计文档格式.docx
《Frontpage教程 第十课 表单设计文档格式.docx》由会员分享,可在线阅读,更多相关《Frontpage教程 第十课 表单设计文档格式.docx(27页珍藏版)》请在冰豆网上搜索。
我们把站点的WEB页拷贝到一个服务器上让大家访问,为了把这个放WEB页的服务器和其他服务器区分开,我们就把它叫做WEB服务器。
我们试一下就知道这个发布到WEB服务器的搜索表单有什么用了。
现在我们在“搜索”文本框中输入“Test”,单击网页上的“开始搜索”按钮。
网页上多出了一个表格。
这个多出的表格列出了我们网站中所有出现了“TEST”的网页,以及这些网页的修改日期、大小、和与关键字匹配的紧密程度。
这个网页是一个进行关键字搜索的网页。
现在我们自己也做一个这样的搜索表单我们首先在要插入这样的搜索表单的位置单击,使插入点放到指定位置,选择“插入”菜单的“组件”子菜单,单击“搜索表单”,进入“搜索表单属性”对话框。
在“搜索表单属性”选项卡里,我们可以改变搜索表单的文本框和按钮的提示,现在我们把“输入框的标签”改为“在网站中搜索:
”,
单击“搜索结果”选项卡,
在这里我们可以设置显示查询结果时要显示哪些信息,以及信息的格式,我们选中“显示文件大小”和“选中文件日期”复选框,单击“确定”按钮。
搜索表单显示在指定位置了。
除了搜索文本框的提示信息之外,它的外观和刚才的搜索表单并没有什么不同。
现在我们单击“预览”选项卡,切换到预览模式,在“在网站中搜索:
”中输入“FRONTPAGE”,单击“开始搜索”按钮。
没有反应?
我们看一下预览窗口的标题:
“该网页中存在着需要保存或发布后才可正常预览的元素”。
这说明我们的搜索表单在发布到WEB服务器之前是不能正常工作的。
我们来看一看表单的工作原理。
首先说说搜索表单和普通网页有区别:
搜索表单可以让我们输入字符串,还可以查询关键字。
而普通网页只能让浏览者通过选择超链接的方法进行选择,察看指定的网页,这些网页都是事先设计好的,在浏览时并不改变。
但是搜索表单的查询结果可以不一样,每次查询都会改变网页的显示内容,这也就是说搜索表单在浏览时显示是可以改变的。
我们再来看一下表单的工作过程:
1.首先,用户输入要查询的关键字,然后单击“开始搜索”按钮,浏览器就会把用户输入的信息发送到WEB服务器,这个过程叫做提交;
2.接着WEB服务器受到信息之后就进行查询找到相关的网页,提取它们的大小、名字的等信息,并把这些信息格式化为WEB网页;
3.最后,服务器再把格式化后的网页发回用户的浏览器,这时用户就看到查询到的信息了,我们把这个过程叫做表单处理。
也就是说,表单处理的过程是在WEB服务器上完成的。
正是因为这个道理,我们如果不把搜索表单发布到服务器就不能正常使用搜索表单的功能。
创建表单网页
学习了如何创建搜索表单之后,我们就可以学习怎么创建其他类型的表单了。
我们先来看一个表单例子:
是一个让用户填写个人信息的表单,其中有文本框可以输入字符串,还有复选框和单选框,也有下拉列表。
不管表单多复杂,它都是用来收集浏览者从客户端向WEB服务器发送的信息的,而普通的网页只是用来向浏览者显示一些固定的信息。
在WEB服务器上有表单处理程序,通过表单处理程序WEB服务器可以对表单收集的信息进行处理,处理方法除了象搜索表单那样把信息格式化为WEB页之外,还可以将信息以文本文件的形式保存或把信息以Email的形式发送给站点管理员等。
需要指出的是,我们用不着自己编写表单处理程序,用FRONTPAGE可以创建表单,在FRONTPAGE里,我们可以用表单模板、表单向导和字定义的方式来创建表单。
用模板和向导比较简单:
现在我们单击“文件”菜单的“新建”项,选择“网页”命令,
在“常规”选项卡里我们可以找到“表单向导”,利用它我们可以创建几乎所有的表单;
另外,我们还可以看到“搜索网页”图标、“意见册”图标、“意见薄”图标、“用户注册”图标,选择这些图标就选择了特定的模板来创建相应用途的表单。
我们单击“意见薄”图标,在“新建”窗口的右方就说明了这一个模板的用途,它是用来收集浏览者对站点的意见的。
刚才说过利用表单向导我们可以创建几乎所有的表单,我们试一下就知道了,现在我们创建一个表单,该表单的作用是收集用户的联系信息。
我们选择“表单向导”选项,单击“确定”按钮,这下我们就进入了“表单网页向导”对话框。
我们在普通模式下看一下这个表单:
这个网页的表单部分是虚黑线包围的部分,里面有一些用于输入的文本框和两个按钮,我们把这些元素的每一个叫做表单的一个字段。
现在我们在“姓名”文本框上右单击,选择“表单域属性”命令,
对话框的名称文本框显示了当前选中文本框的名字叫做“联系_FULLNAME”,“联系”就是我们在向导中输入的变量基本名称,“FULLNAME”是FRONTPAGE为区分同主名的各字段而为字段添加的付名。
单击“确定”按钮。
这样就建成了一个表单。
添加表单字段
用模板或向导创建表单网页的确很方便,但是我们也可以自己设计表单,而不用表单和向导。
FRONTPAGE提供了许多类型的表单字段,我们可以根据需要来添加不同的表单字段,任意设计自己的表单:
选择“插入”菜单的“表单”命令,
看,我们的页面多了一个虚线框,在框里还有“全部重写”和“提交”按钮。
这个虚线框实际上是一个空表单,它不能让用户输入任何数据,但是我们可以添加其他表单字段到这个空表单中。
接下来我们来添加其他表单字段:
单击空表单,这时插入点就进入了空表单,选择“插入”菜单的“表单”命令,选择“单行文本框”,一个新的单行文本框就插入到表单里了。
我们可以使用这种方法向表单里添加更多的表单字段,来实现我们的功能。
可以向网页里直接添加表单字段:
选择“插入”菜单的“表单”命令,单击“滚动文本框”,插入一个滚动文本框。
页面上添加了“全部重写”和“提交”按钮。
在默认情况下,直接向网页里添加字段时,一个新的表单就会被创建,这个表单包含“全部重写”和“提交”按钮,我们添加的字段会被插入到这个新表单中。
表单字段的使用(上)
你知道表单的各种字段分别在什么时候用吗?
现在我们先来看一下最基本的表单字段:
单行文本框。
选择“插入”菜单的“表单”子菜单,单击其中的“单行文本框”命令,这时一个新的单行文本框就插入到网页中了。
这种文本框只能接受浏览这输入的单行文本信息,比如可以让用户在这里输入邮政编码,为了提示用户,我们可以在单行文本框字段前面输入文本“邮政编码”。
我们可以改变单行文本框字段的宽度:
单击单行文本框,这时在单行文本框的四周就出现了小黑点,
拖动小黑点,这时单行文本框的宽度就改变了。
单行文本框的高度和一行文本的高度是一样的,不能改变。
现在我们双击文本框,进入“文本框属性”对话框。
名称字段是“T1”,这是FRONTPAGE默认的值,我们把它改为“TEXT1”。
宽度里的数值表示我们可以让用户输入多少个字符,因为邮政编码最多六个数码,所以我们在这里输入“6”。
初始值是用来设置文本框在浏览时的初始值的,我们输入“1000”。
再看一下有效性按钮又是设置什么的。
我们现在单击“检查有效性”,这时就进入了“文本框有效性验证”对话框。
为了保证浏览者输入信息的有效性,我们可以在这里限制用户可以输入的信息。
邮政编码只可能是数码,因此我们在“数据类型”下拉列表中选择“文本”,并把文本格式的“数字”选中,这样用户就无法在文本框中输入除数码以外的其他字符了,单击“确定”按钮,选择“确定”。
这是把网页发布以后看到的内容,你看,文本框里出现了我们刚才输入的默认置“100084”。
再插入一个单行文本框。
我们用它来输入密码,当我们输入密码时,密码并不显示出来,而是显示“*”号,这样用户就不会因为密码的显示而泄密了。
我们来看看这是怎么设置的吧:
在普通模式下看一下刚才的密码框网页,双击单行文本框,进入“文本框属性”对话框,
你看,“密码域”部分的“是”被选中了,这就表示这是一个密码单行文本框,我们的输入就会在显示时变成“*”号。
单行文本框只可以输入一行文本,如果浏览者要输入的内容有好几行,就要使用滚动文本框了。
我们选择“插入”菜单的“表单”子菜单,单击“滚动文本框”命令,这样就在网页内创建了一个有滚动条的文本框。
我们双击文本框,进入“滚动文本框属性”对话框。
首先我们为它起一个名字,在默认状况下,它的名字是“S1”,这里我们输入“SCROLL1”。
“宽度”文本框可以设置文本框的可见宽度,我们在行数字段中输入“5”,单击“确定”,我们的文本框就变高了,
当浏览者输入的文本行数很多时,他可以滚动文本框的右侧滑块来滚动文本。
由于在“滚动文本框属性”对话框里没有密码域选项,所以它无法设置成为密码框。
在各种的表单字段的属性对话框中都有“Tab键顺序”选项。
当一个表单里有多个表单字段时,在默认情况下浏览者可以按Tab进入下一个字段,我们可以在“Tab键顺序”里输入一个数,设置按Tab时移动的字段数。
就是说,滚动文本框和单行文本框的区别就是滚动文本框可以输入多行,但不能设置为密码框。
下面我们看一下单选按钮,单击“插入”菜单,选择“表单”选项,单击“单选按钮”,一个新的表单就插入到网了,这个表单包含一个单选按钮,
我们用这个表单来让浏览这输入他们的姓名。
在单选按钮字段和提交字段之间单击鼠标,把插入点放到字段和按钮之间,按两次回车键,在表单里新产生两行,在空白行处单击鼠标,调整插入点到空行,再插入一个单选按钮,并在两个单选按钮后分别输入“男”和“女”。
我们双击“男”单选按钮,进入单选按钮对话框,
每一个单选按钮都有一个组名,表示它属于哪个按钮组,在同一个按钮组里的单选按钮是不能同时选两个以上的,在默认情况下组名称叫“R1”,我们在“组名称”文本框里输入:
“RADIO1”。
数值文本框表示我们选择当前的单选按钮后,在提交表单时向WEB服务器发送什么值。
在这里我们输入“男”,确认“初始状态”的“已选”处于选中状态,单击“确定”按钮。
双击“女”单选按钮,类似的,将“组名称”设置为“RADIO1”,“数值”设置为“女”,单击“确定”按钮。
由于我们在男单选按钮的属性对话框中设置它的初始状态是“已选”,所以“男”单选按钮初始状态是选中的,现在我们单击“提交”按钮,“RADIO1”组发往服务器的值就是“男”。
用复选框就可以实现多选多。
选择“插入”菜单的“表单”命令,单击“复选框”命令。
继续向表单里插入复选框,并为复选框添加选项卡得到这样的结果(选择爱好,包括:
音乐、体育和其他)。
如上图。
双击”音乐“复选框,进入“复选框属性”对话框。
没有“组名称”。
由于复选框在选择时不会相互影响,所以复选框都是相互独立的,不用分组。
他们在提交时都分别向服务器发送值,而单选框一组只发送一个值。
我们在名称里输入“CHECK1”,同样的方法把其他两个复选框的名
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Frontpage教程 第十课 表单设计 Frontpage 教程 第十 表单 设计