【编者按】：网学网FrontPage教程为您提供第一节 FrontPage 2003的新增功能参考，解决您在第一节 FrontPage 2003的新增功能学习中工作中的难题，参考学习。
实例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）输完后选中第一列，然后在该列中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出“字体”
对话框（见图14.1.10）。
（29）在“字体”列表框中选择“宋体”选项；在“字形”列表中选择“加粗”选项；在“颜色”下拉列表中选择“绿色”选项。
（30）设置完成后单击“确定”按钮关闭该对话框。
（31）选中表格中的“相识卡”文本，在该文本中单击鼠标右键，在弹出的快捷菜单中选择“超链接”命令，弹出如图14.1.11所示的“插入超链接”
对话框。
图14.1.11 “插入超链接”对话框
（32）在“地址”下拉列表框中输入所链接的相识卡网页，输入完成后，单击“确定”按钮。
（33）按同样方法设置表格中其他贺卡的超链接，设置后的效果如图14.1.12所示。
图14.1.12 设置文本超链接效果
（34）将光标置于第4行第1列的单元格中，选择“插入”→“图片”
→“Flash影片”
命令，弹出如图14.1.13所示的“选择文件”
对话框。
图14.1.13 “选择文件”对话框
（35）在“查找范围”下拉列表中选择Flash影片的保存位置，然后选择所需的Flash影片，单击“插入”按钮，即可在该单元格中插入一个Flash影片。
（36）双击所插入的Flash影片，弹出如图14.1.14所示的“Flash影片属性”对话框。
图14.1.14 “Flash影片属性”对话框
（37）在“大小”选区中的“宽度”和“高度”微调框中根据情况设置影片的大小。
（38）设置完成后，单击“确定”按钮关闭该对话框。
（39）选择“文件”→“保存”
命令，弹出“另存为”
对话框。在“保存位置”下拉列表中选择网页的保存位置；在“文件名”下拉列表框中输入“index”，然后单击“保存”
按钮。
（40）本实例制作完成，最终效果如图14.1.1所示。
