内容正文:
信息互动——制作表单网页
1
经过我们的努力,我们的“网上之家”办的还不错,但我们不能就此满足。
是啊,我们除了自己
努力外,最好还能接受
别人的意见和建议。
在FrontPage中,我们可以直接利用表单工具来实现网站管理员和访问者的交流,
现在请跟我一起来探索其中的奥秘吧!
2
3
4
5
提高篇
基本要求
6
任务一:在当前网页中插入一个2行×1列的表格,在第一个单元格中输入提示文字:留言板,在第二个单元格中插入表单。效果如图所示:
提高篇:在第一个单元格中插入如图所示的图片和艺术字。(图片位置:桌面上的学生材料文件夹中。
迷津点拨
7
下一关
在刚才的留言板中的按钮提示文字,我不想使用“提交”和“全部重写”,我能根据自己的兴趣爱好进行选择吗?
当然可以,直接双击要修改的按钮,在弹出的对话框中进行修改即可。
双击
对按钮的名称进行设置
对按钮的值或标签进行设置
8
在网页中,先定位好要插入表格的位置,然后执行:
表格——插入——表格,在弹出的对话框中设置一个
2行×1列的表格。在第一个单元格中输入“留言板”,
在第二个单元格中执行:插入——表单——表单,
效果如下图所示:
返 回
9
请你来
找碴
范例一
范例二
范例三
提高篇:在插入的6行×3列的表格中,左边一列和右边一列的单元格,用浅紫色做为背景颜色,并把表格边框的颜色设置成你喜欢的颜色。
任务二:在刚才插入的表单中插入一个6行×3列的表格,按图示要求对表格进行调整,并按要求输入提示文字,做成如图示的 “输入表单中的文字提示表”:
输入表单中的文字提示表
下一关
10
返 回
范例一:边框为什么是虚线呢?
11
返 回
范例二:“提交”和“全部重写”按纽怎么在前面呢?
12
返 回
范例三:表格怎么没在表单的虚线框中呢?
13
智力大比拼
任务三:对表单中的控件进行设置。例如:对“姓名”进行设置 :将光标定位到姓名后的单元格,然后插入“单行文本框”,双击该控件,在弹出的属性对话框中将相应内容进行如下设置:
14
智力大比拼
在“输入表单中的文字提示表”中,参照下表的要求,分别对它们进行相关设置。
表单中控件设置参数
表单项名称 控件类型 标示名称 初始值/验证有效性
年龄 单行文本框 NL 18~30
性别 单选按钮 XB 男
爱好 复选