FrontPage_2003初级入门实例.docVIP

实例1? 贺卡网 1．制作目的 本例制作一个贺卡网页，如图14.1.1所示。在制作过程中，将用到表格、图片、表单和Flash动画的插入等内容。 图14.1.1 ?最终效果图 2．操作步骤 （1）双击桌面上的FrontPage 2003快捷方式图标。。。，启动FrontPage 2003应用程序，然后单击“常用”工具栏中的“新建普通网页”按钮。。。，新建一个空白网页。 （2）单击“常用”工具栏中的“插入表格”按钮。。。，在打开的表格示例框中拖动鼠标插入一个4行2列的表格。 （3）将光标置于第1行第1列的单元格中，输入文本“贺卡首页”，“贺卡分类”，“新卡上站”，并且中间用竖线隔开。 （4）将光标置于第1行第2列的单元格中，选择“插入”→“表单”→“文本框”命令，插入一个文本框表单域。 （5）将光标置于文本框表单域前并输入文本“贺卡查询：”，然后选中“重置”按钮，按“Delete”键将该按钮删除。 （6）双击“提交”按钮，弹出如图14.1.2所示的“按钮属性”对话框。 图14.1.2? “按钮属性”对话框 （7）在“值/标签”文本框中输入“查找”，然后单击“确定”按钮。 （8）选中第一行的单元格，然后在该表格中单击鼠标右键，在弹出的快捷菜单中选择“单元格属性”命令，弹出如图14.1.3所示的“单元格属性”对话框。 图14.1.3? “单元格属性”对话框 （9）在“背景”选区中的“颜色”下拉列表中选择一种背景颜色，然后单击“确定”按钮。 （10）将光标置于第2行第1列的单元格中，选择“插入”→“表单”命令，插入一个表单。 （11）在光标所在位置输入“用户名：”，然后选择“插入”→“表单”→“文本框”命令，插入一个文本框表单域。 （12）按回车键另起一行，按同样方法插入“密码”表单域。 （13）按步骤（6）的方法将两个表单按钮的值分别设置为“登录”和“注册”，设置完成后选中“用户名：”和“密码：”表单域，然后单击“常用”工具栏中的“左对齐”按钮。。。，设置后的效果如图14.1.4所示。 图14.1.4? 设置表单效果 （14）将光标置于第2行第2列的单元格中，选择“插入”→“图片”→“来自文件”命令，在弹出的“图片”对话框中选择所需的图片，然后单击“插入”按钮，插入该图片。 （15）将光标置于该图片后按回车键另起一行，插入一个2行4列的表格，然后在第1行表格中按步骤（14）的方法分别插入4幅图片，然后在第2行表格中输入图片所对应的文字。 （16）输入完成后，选中所有的文字，然后单击“常用”工具栏中的“居中”按钮。。。，使文字居中显示。 （17）选中图片下方输有文字的行，然后在该行中单击鼠标右键，在弹出的快捷菜单中选择“单元格属性”命令，弹出如图14.1.5所示的“单元格属性”对话框。 图14.1.5? “单元格属性”对话框 （18）在“背景”选区中的“颜色”下拉列表中选择一种背景颜色，然后单击“确定”按钮，关闭该对话框。 （19）将光标置于该表格中的任意位置，然后单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出如图14.1.6所示的“表格属性”对话框。 图14.1.6? “表格属性”对话框 （20）在“边框”选区中的“粗细”微调框中输入“0”，然后单击“确定”按钮，效果如图14.1.7所示。 图14.1.7? 设置表格属性效果 （21）将光标置于第3行第2列的单元格中，选择“插入”→“交互式按钮”命令，弹出如图14.1.8所示的“交互式按钮”对话框。 （22）在“按钮”列表框中选择“边框按钮9”选项；在“文本”文本框中输入“推荐贺卡”，然后单击“确定”按钮。 （23）将光标置于该交互式按钮后，输入“更多……”，然后另起一行，插入一个2行4列的表格，在第1行单元格中分别插入4幅图片，在第2行表格中输入图片所对应的文字，并将文字居中显示以及设置表格的背景颜色，最后将表格的边框设置为“0”。 图14.1.8? “交互式按钮”对话框 （24）按同样方法在第4行第2列的单元格中插入表格及图片，设置后的效果如图14.1.9所示。 图14.1.9? 插入表格及图片效果 （25）将光标置于第3行第1列的单元格中，输入文本“贺卡分类”，然后选中该文本，在该文本中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出如图14.1.10所示的“字体”对话框。 图14.1.10? “字体”对话框 （26）在“大小”列表框中选择“3（12磅）”选项；在“颜色”下拉列表中选择“紫色”选项，设置完成后单击“确定”按钮关闭该对话框。 （27）将光标置于该文本后按回车键另起一行，插入一个4行3列的表格，并向表格中输入文本。 （28）输完后选中第一列，然后在该列中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出“