文档库 最新最全的文档下载
当前位置:文档库 › Frontpage 网页制作之表单

Frontpage 网页制作之表单

Frontpage 网页制作之表单
Frontpage 网页制作之表单

Frontpage 网页制作之表单

一、问题的提出

如何制作一张如下所示的表单

二、问题:

1.上述用户登记表中有哪几种表单域?

2.表单的工作原理是什么?

三、表单的构成

?表单域:是容纳输入信息的容器,是用户输入数据的地

方。

?表单控制器:负责处理用户在表单中填写的信息。

?“提交”和“重置”按钮:将信息提交到站点服务器、

清除表单中已填写的内容。

四、制作用户登记表

●单行文本框:用于让用户输入一行文本信息,并能够

被Web服务器接受,用户登记表中的姓名、年龄和

E_mail均是单行文本框。

●滚动文本框:单行文本框只能输入一行文本信息,如

果要输入多行文本信息,就要使用滚动文本框。

●单选按钮:通常成组使用,用于让用户从一组互斥的

选项中选择一项,用户登记表中的性别是一个由两个

成员组成的单选按钮组。注意:同一组中的单选按钮

的组名称必须是相同的,值不相同。

●下拉菜单:用于让用户从一个列表中选择一项或多

项,用户登记表中的文化程度和职业均是下拉菜单。

●复选框:如果希望用户从多个选项中选出要的项目,

应该使用复选框,用户登记表中的您的爱好下面的表

单域均是复选框,各复选框相互独立。

●按钮:一般在网页中创建表单时,FrontPage 会自动

加上两个按钮:“提交”按钮和“全部重写”按钮。

“提交”按钮的作用是把表单上的数据提交给Web

服务器的表单处理程序;“全部重写”按钮的作用是

把表单上的数据清空,让用户重新填写。双击“全部

重写”按钮,把此按钮名改为“重置”。

五、表单处理

1.问题:当用户填写完表单,单击“提交”按钮后,表单被哪个程序处理?怎样处理?

当用户提交表单后,单击“提交”按钮后,表单内容将被传递给服务器端的表单处理程序,由该程序对表单数据进行处理。虽然FrontPage提供了默认的表单处理程序,但该程序通常只能完成最简单的功能。为了完成用户特定的功能,还需要学习ASP等网络编程语言。

●将表单结果发送到文件:将表单结果发送到站点中的一

个文件,并向浏览者返回一个确认网页是最常见的一种

处理表单的方法,也是FrontPage默认的表单处理方

法。在默认情况下表单结果将保存在当前站点的

_private/form_results.txt文件中,根据需要,可以把该

文件转化为数据库文件。

●将表单结果发送到E-mail信箱:要使表单结果能够发

送到指定的电子邮件地址,必须预先安装和设置

FrontPage 服务器端扩展程序。

●将表单结果发送到数据库:将表单结果发送到指定的数

据库中,这是目前较通常采用的表单处理方法,该数据

库可以是已经存在的,也可以是由FrontPage新建的。

●将表单结果发送到自定义的ISAPI、NSAPI、CGI、

ASP:如果要指定一个ISAPI、NSAPI、CGI或ASP类

型的Web服务器应用程序作为表单处理程序,则可选

择将结果保存到“发送到其他对象”。

将表单结果发送到讨论表单处理程序、注册表单处理程序

六、讨论

表单确认网页的作用是什么?如何编写?

《信息技术》教案-网页表单

备课时间:2004/03/22 课题:第五章网页制作第六节网页表单教学目的:①表单的建立 ②表单资料的收集和处理 ③搜索表单的建立 教学重点:①表单资料的收集和处理 ②搜索表单的建立 教学方法: 边讲解边演示 教学过程: 〈引言〉:直接进行操作演示 〈教授新课〉:网页表单 [板书] 第六节网页表单 一、表单的建立 在FrontPage 2000中,单击“插入(I )”菜单中的“表单(M)”命令, 其下拉菜单中列出了所有的字段,单击其中的一种,即可插入相应的字段。 [例5-6-1] 建立如图5-25所示的表单网页,取名为guestbook.htm。 图5-25 操作步骤: (1)单击“新建”按钮,建立新页面,首先创建一个2×1表格,并在表格的第一行插入标题动画(look.gif、liuyan.gif)。 (2)右击表格的第二行,在弹出的快捷菜单中单击“拆分单元格…”,打开“拆分单元格”对话框,选择“拆分为列”,并输入列数:3,将该单元格拆分分三列,分别定义两侧单元格的背景色为浅紫色。 1

(3)将插入点移到中间的单元格后,依次单击“插入(I)”菜单中的“表单(M)”“单行文本框(T)”命令,页面上出现一个单行文本框和两个按钮,分别是“提交”和“复位”按钮,将插入点移到文本框左侧,接着输入“姓名:”,然后将插入点移到文本框右侧。 (4)输入“年龄:”,然后依次单击“插入(I)”菜单中的“表单(M)”“单行文本框(T)”命令,产生第二个单行文本框,按回车键。 (5)输入“性别:”,然后依次单击“插入(I)”菜单中的“表单(M)”“单选按钮(R)”命令,输入“女”。再用同样的方法插入另一个单选按钮,并在其右侧输入“男”,然后,双击各选项按钮,分别设置它们的属性,其中“组名称”必须相同,表示这两个按钮在同一个单选按钮组,最后按回车键。 (6)输入“爱好:”,然后依次单击“插入(I)”菜单中的“表单(M)”“复选框(C)”命令,输入“音乐”。用同样方法制成其余复选框。 (7)输入“职业:”,依次单击“插入(I)”菜单中的“表单(M)”“下拉菜单(D)”命令。 (8)双击下拉式菜单,出现如图5-26所示的“下拉菜单属性”对话框。 (9)单击“添加”按钮,添加一个“学生”菜单项,重复操作,添加其余菜单后,再单击“确定”按钮,并按回车键。 (10)输入“您对本网页的建议:”后,按回车键。 (11)依次单击“插入(I)”菜单中的“表单(M)”“滚动文本框(S)”命令,在网页编辑区将出现一个滚动文本框,调整文本框的大小,使其大小合适。 (12)保存网页,取名为guestbook.htm。 二、表单资料的收集和处理 表单的作用在于帮助收集资料,对于访问者来说,填完资料后,单击“提交”按钮,就可以将信息传送到服务器上。对于网站管理员来说,更重要的是对这些资料进行处理,将它们变成所需要的资料形式,比如在上例中,当访问者填写完表单并发送回来后,网站管理员应该对这些资料进行分析,对某些读者提出的问题进行个别解答,并及时改进网站。为了方便资料的整理,在制作表单时就应该有意识地将表单的结果输出到某一个HTML文件或纯文本文件中以文件的形式存放。将鼠标指针放置在表单域所在的虚线范围内右击,在弹出的快捷菜单中单击“表单属性”,打开“表单属性”对话框,如图5-27所示。 在默认情况下,表单的结果会发送到当前网站中,以form_result.txt为文件名存储起来。也可以修改文件名和文件的路径,或者以电子邮件的形式发送到指定的信箱中。当然,这些信息只有管理员才能看到,为了让访问者能够看到自己和别人的留言,以便彼此交流,还可以直接将表单的处理结果返回到指定的网页中。 2

个人网页制作全过程

个人网页制作全过程 [日期:10-12] 来源:作者:[字体:大中小] 如何制作个人网页全过程,送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时,看到的每一个页面,称为网页,很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页,通过单击主页上的超链接,可以打开其他的网页。正是由于主 页在网站中的特殊作用,人们也常常用主页指代所有的网页,将个人网站称为“个人主页”,将建立个人网 站称为“网页制作”。 2、怎么建立个人网站? 要建立一个个人网站,必须经过网页制作、网站(页)发布和网站维护三个阶段 1)网页制作 一个网站和一本杂志一样,都是展示信息的载体,只有能提供他人需要信息(内容)的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后,制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language,即超文本标识语言)文件,所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件,而制作网页则可使用Frontpage等网页制 作工具。 2)网页发布 做好的网页必须发布到因特网上,才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上,这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器,但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3)网站维护 网页发布后就可供大家访问了,不管在什么地方,只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样,总是老内容,也就没人来访问了。需要经常更新,补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页? 假如,你熟悉文字处理的相关软件,你不用专用软件,也可以作出网页来。比如,用Word,用Wps,甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大,用记事本做网页则要会用一些HTML语言,而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人,用微软公司的frontpage比较好,它的优点是易学易懂,上手快。FrontPage是微软公 司Office系列办公软件中的一个,它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样,我们只需要在编辑器中输入文本或图片,并设置好格式,很快就可以作出一个简单的网页了。 除了Frontpage以外,还有许多制作网页的软件,如Hotdog等,其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver(网页制作工具)、Flash(动画制作工具)和Fireworks(图像编 辑工具)。 假如,你有了一定基础,还是用“网页三剑客”好。它们是专用的网页制作软件,用它们制作的网页, 体积小,占用资源少,兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage,打好基础,如果将来准备

HTML网页设计(表单元素)

HTML网页设计(表单元素) 1.什么是表单 表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成,所有这些都放在

标签在。一个文档中可以包含多个表单,而且每个表单可以放置通常的主体内容(包括文字和图像在内) Form标签 设计者可以将表单放在文档主体中的任何位置,但前提是将表单的缘故都放在标签和
结束标签之间。

2.表单元素 在

标签中,可以包含以下5个标签。 Input标签 对于大量通常的表单内元素,可以使用标签来进行定义,其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然标签中有许多属性,但对每个元素来说,只有type和name属性是必须的。当然,根据指定的比哦啊单元素类型,也可以设置一些其

可以使用标签中的name属性来为字段命名(表单提交到处理过程中使用的字段,这种字段的说明可以参阅前面介绍)。从技术角度上讲,name属性的值是任意的一个字符串,但是我们建议最好采用没有嵌入空格或标点的字符串。标签中必须的type属性可以用来选择控件的类型,其属性值如下表所示。 最有用也是最常见的表单输入元素时文字域,在浏览器窗口中显示为一行的空框,它接收用输入的一行信息,当你用户将表单提交给服务器时,这些信息就变成了元素值。 范例代码:

密码域 将type属性值设置为password,就可以创建一个密码域。传统文本域的其他属性和语义也可以应用于密码域。应用呢密码域时必须制定一个字段的名称,这样就可以为该段字段设置size和maxlength属性,并可以设置一个初见时的vlaue。 范例代码: 文件域(file) 复选框(checked) 单选框(ridio) 普通按钮(button) 设置普通按钮(button)代码: 重置按钮(Reset) Textarea标签 作为表单的一部分,