制作留言板 本节课,我们将使用FrontPage 2003的“表单”功能制作一个留言板。目标一:网页布局 规划网页:插入一个3行1列的表格,设置“宽度”为“730”像素,“边框粗细”为“2”,“边框颜色”为“水绿色”。在第1行和第2行中分别插入图片和网页边框,效果如图10.1所示。图10.1 插入表单:单击第3行单元格,选择“插入”→“表单”→“表单”命令,在第3行插入如图10.2所示的表单。图10.2目标二:编辑表单一 插入表格:在“提交”按钮前,插入一个“5行2列”的表格,在每行的笫1列分别输入“姓名:”“性别:”“E-mail:”“主题:”“内容:”,设置文字“居中对齐”,效果如图10.3所示。图10.3 插入“文本框”:选中新插入表格的第1行第2列,选择“插入”→表单”→“文本框”命令,在表格中插入单行文本框,在第3、4行的第2列做相同的操作。 插入“下拉框”:选中表格的笫2行第2列,选择“插入”→“表单”→“下拉框”命令,插入“下拉框”,双击“下拉框”,按照图10.4所示操作,在“下拉框属性”对话框中添加“男”选项,重复该操作,添加“女”选项。图10.4 插入“文本区”:选中表格的第5行第2列,选择“插入”→“表单”→“文本区”命令,在表单中插入多行文本框。 预览表单效果:预览表单编辑效果,如图10.5所示。图10.5目标三:编辑表单二 插入表格:在“提交”按钮前,插入一个“2行6列”的表格,在笫2行的第1列单元格中,分别输入“头像:”和“表情:”,设置“居中对齐”,调整单元格的宽度,如图10.6所示。图10.6 插入“选项按钮”:在第1行第2列的单元格中插入“头像”图片,选择“插入”→“表单”→“选项按钮”命令,在“头像”图片右侧插入“选项按钮”,效果如图10.7所示。图10.7 插入“复选框”:在第2行第2列的单元格内插入一“表情”图片,选择“插入”→“表单”→“复选框”命令,在“表情”图片右侧插入一个“复选框”,预览效果如图10.8所示。图10.8目标四:设置表单“按钮” 设置“提交”:按钮双击“提交”按钮,在打开的“按钮属性”对话框中,按照图10.9所示操作,设置提交功能。图10.9 设置“重置”按钮:双击“重置”按钮,在打开的“按钮属性”对话框中,按照图10.10所示操作,设置重置功能。图10.10试一试1.修改表格,将“头像”图标分为“男孩”“女孩”“其他”三个选项;“表情”图标分为“高兴”“悲伤”“其他”三个选项,效果如图10.11所示。图10.11试一试2. |