制作表单网页

1、经过我们的努力，经过我们的努力，我们的我们的“网上之网上之家家”办的还不错，办的还不错，但我们不能就此但我们不能就此满足。满足。是啊，我们除了自己是啊，我们除了自己努力外，最好还能接受努力外，最好还能接受别人的意见和建议。别人的意见和建议。在在FrontPage中，我中，我们可以直接利用表单们可以直接利用表单工具来实现网站管理工具来实现网站管理员和访问者的交流，员和访问者的交流，现在请跟我一起来探现在请跟我一起来探索其中的奥秘吧！索其中的奥秘吧！制作者：周英敏制作者：周英敏 金乡县实验中学金乡县实验中学提高篇提高篇基本要求基本要求任务一：在当前网页中插入一个任务一：在当前网页中插入一个2行行1

2、列的表格，在列的表格，在第一个单元格中输入提示文字：留言板，在第二个单第一个单元格中输入提示文字：留言板，在第二个单元格中插入表单。效果如图所示：元格中插入表单。效果如图所示：提高篇：在第一个单元格中插入如图所示的图提高篇：在第一个单元格中插入如图所示的图片和艺术字。（图片位置：桌面上的学生材料片和艺术字。（图片位置：桌面上的学生材料文件夹中。文件夹中。迷津点迷津点拨拨下一关下一关在刚才的留言板中的按钮提示文字，我不在刚才的留言板中的按钮提示文字，我不想使用想使用“提交提交”和和“全部重写全部重写”，我能根，我能根据自己的兴趣爱好进行选择吗？据自己的兴趣爱好进行选择吗？当然可以，直接双击要修改

3、的按钮，在弹出的当然可以，直接双击要修改的按钮，在弹出的对话框中进行修改即可。对话框中进行修改即可。双击双击对按钮的名称进行设置对按钮的名称进行设置对按钮的值或标签进行设置对按钮的值或标签进行设置在网页中，先定位好要插入表格的位置，然后执行：在网页中，先定位好要插入表格的位置，然后执行：表格表格插入插入表格，在弹出的对话框中设置一个表格，在弹出的对话框中设置一个2行行1列的表格。在第一个单元格中输入列的表格。在第一个单元格中输入“留言板留言板”，在第二个单元格中执行：插入在第二个单元格中执行：插入表单表单表单，表单，效果如下图所示：效果如下图所示：返返 回回请你来请你来找碴找碴范例一范例一范例

4、二范例二范例三范例三提高篇提高篇：在插入的：在插入的6行行3列的表格中，左边一列的表格中，左边一列和右边一列的单元格，用浅紫色做为背景颜列和右边一列的单元格，用浅紫色做为背景颜色，并把表格边框的颜色设置成你喜欢的颜色。色，并把表格边框的颜色设置成你喜欢的颜色。任务二：在刚才插入的表单中插入一个任务二：在刚才插入的表单中插入一个6行行3列的表格，按图示要列的表格，按图示要求对表格进行调整，并按要求输入提示文字，做成如图示的求对表格进行调整，并按要求输入提示文字，做成如图示的 “输入输入表单中的文字提示表表单中的文字提示表”:输入表单中的文字提示表输入表单中的文字提示表下一关下一关返返 回回范例一

5、：边框为什么是虚线呢？范例一：边框为什么是虚线呢？返返 回回范例二：范例二：“提交提交”和和“全部重写全部重写”按纽怎么在前面呢？按纽怎么在前面呢？返返 回回范例三：表格怎么没在表单的虚线框范例三：表格怎么没在表单的虚线框中呢？中呢？智力大比拼智力大比拼任务三：对表单中的控件进行设置。例如：对任务三：对表单中的控件进行设置。例如：对“姓名姓名”进进行设置行设置 ：将光标定位到姓名后的单元格，然后插入：将光标定位到姓名后的单元格，然后插入“单行单行文本框文本框”，双击该控件，在弹出的属性对话框中将相应内，双击该控件，在弹出的属性对话框中将相应内容进行如下设置：容进行如下设置：智力大比拼智力大比拼

6、在在“输入表单中的文字提示表输入表单中的文字提示表“中，参照下表的要求，分别对它们中，参照下表的要求，分别对它们进行相关设置。进行相关设置。 表单中控件设置参数表单中控件设置参数表单项名称表单项名称控件类型控件类型标示名称标示名称初始值初始值/验证有效性验证有效性年龄年龄单行文本框单行文本框NL1830性别性别单选按钮单选按钮XB男男爱好爱好复选框复选框默认值默认值未选中未选中职业职业下拉菜单下拉菜单WH学生、教师、医生、学生、教师、医生、工程师工程师对本站对本站的意见的意见滚动文本框滚动文本框YJ宽度为宽度为30、行数为、行数为5有的同学出现了这种情况，你能找出症有的同学出现了这种情况，你能

7、找出症结所在吗？结所在吗？我们做好了表单网页，我们填写的信息提交到了我们做好了表单网页，我们填写的信息提交到了什么地方？什么地方？我们新建站点的时候，系统会自动生成一个名为我们新建站点的时候，系统会自动生成一个名为“private”的文件夹。系统默认会将这些信息存的文件夹。系统默认会将这些信息存入这个文件夹的一个特定文件入这个文件夹的一个特定文件”formresult.txt”中。如果你想做的更有创意，也可以自行设置。中。如果你想做的更有创意，也可以自行设置。设置方法：设置方法：将光标定位在表单区域（虚线框内部）的空白处，将光标定位在表单区域（虚线框内部）的空白处，单击鼠标右键，选择单击鼠标右

8、键，选择表单属性表单属性，会弹出如下图，会弹出如下图所示的所示的“表单属性表单属性”对话框。对话框。重新设定想要将表单重新设定想要将表单信息发送到的文件信息发送到的文件设置将信息发送到指定的电子信箱中设置将信息发送到指定的电子信箱中打开打开“选项选项”对话框，可以对保存对话框，可以对保存表单结果进一步设置。表单结果进一步设置。返回返回练一练：练一练：将表单结果的发送地分别设为：将表单结果的发送地分别设为：1、文件名称：、文件名称：private/shiyan.htm,并且并且 设置最新的留言放在前面。设置最新的留言放在前面。2、电子邮件地址设置为：、电子邮件地址设置为： 1、在网页中插入表单。、在网页中插入表单。2、对表单以及表单中的控件进行操作。、对表单以及表单中的控件进行操作。3、正确设置表单信息的收集方式。、正确设置表单信息的收集方式。课后练习课后练习参照本课介绍的表单网页知识，以小组为单参照本课介绍的表单网页知识，以小组为单位，做位，做P46的的“大显身手大显身手”