FrontPage2003初级入门实例

1、实例1 贺卡网1制作目的本例制作一个贺卡网页，如图14.1.1所示。在制作过程中，将用到表格、图片、表单和flash动画的插入等内容。图14.1.1 最终效果图2操作步骤（1）双击桌面上的frontpage 2003快捷方式图标。，启动frontpage 2003应用程序，然后单击“常用”工具栏中的“新建普通网页”按钮。，新建一个空白网页。（2）单击“常用”工具栏中的“插入表格”按钮。，在打开的表格示例框中拖动鼠标插入一个4行2列的表格。（3）将光标置于第1行第1列的单元格中，输入文本“贺卡首页”，“贺卡分类”，“新卡上站”，并且中间用竖线隔开。（4）将光标置于第1行第2列的单元格中，选择“插

2、入”“表单”“文本框”命令，插入一个文本框表单域。（5）将光标置于文本框表单域前并输入文本“贺卡查询：”，然后选中“重置”按钮，按“delete”键将该按钮删除。（6）双击“提交”按钮，弹出如图14.1.2所示的“按钮属性”对话框。图14.1.2 “按钮属性”对话框（7）在“值/标签”文本框中输入“查找”，然后单击“确定”按钮。（8）选中第一行的单元格，然后在该表格中单击鼠标右键，在弹出的快捷菜单中选择“单元格属性”命令，弹出如图14.1.3所示的“单元格属性”对话框。图14.1.3 “单元格属性”对话框 （9）在“背景”选区中的“颜色”下拉列表中选择一种背景颜色，然后单击“确定”按钮。（10

3、）将光标置于第2行第1列的单元格中，选择“插入”“表单”命令，插入一个表单。（11）在光标所在位置输入“用户名：”，然后选择“插入”“表单”“文本框”命令，插入一个文本框表单域。（12）按回车键另起一行，按同样方法插入“密码”表单域。（13）按步骤（6）的方法将两个表单按钮的值分别设置为“登录”和“注册”，设置完成后选中“用户名：”和“密码：”表单域，然后单击“常用”工具栏中的“左对齐”按钮。，设置后的效果如图14.1.4所示。图14.1.4 设置表单效果（14）将光标置于第2行第2列的单元格中，选择“插入”“图片”“来自文件”命令，在弹出的“图片”对话框中选择所需的图片，然后单击“插入”按钮

4、，插入该图片。（15）将光标置于该图片后按回车键另起一行，插入一个2行4列的表格，然后在第1行表格中按步骤（14）的方法分别插入4幅图片，然后在第2行表格中输入图片所对应的文字。（16）输入完成后，选中所有的文字，然后单击“常用”工具栏中的“居中”按钮。，使文字居中显示。（17）选中图片下方输有文字的行，然后在该行中单击鼠标右键，在弹出的快捷菜单中选择“单元格属性”命令，弹出如图14.1.5所示的“单元格属性”对话框。图14.1.5 “单元格属性”对话框（18）在“背景”选区中的“颜色”下拉列表中选择一种背景颜色，然后单击“确定”按钮，关闭该对话框。（19）将光标置于该表格中的任意位置，然后单

5、击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出如图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行单元格中分

6、别插入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磅）”选项；在“颜色”下拉列表中选择“紫色”选项，设置完成后

7、单击“确定”按钮关闭该对话框。（27）将光标置于该文本后按回车键另起一行，插入一个4行3列的表格，并向表格中输入文本。（28）输完后选中第一列，然后在该列中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出“字体”对话框（见图14.1.10）。（29）在“字体”列表框中选择“宋体”选项；在“字形”列表中选择“加粗”选项；在“颜色”下拉列表中选择“绿色”选项。（30）设置完成后单击“确定”按钮关闭该对话框。（31）选中表格中的“相识卡”文本，在该文本中单击鼠标右键，在弹出的快捷菜单中选择“超链接”命令，弹出如图14.1.11所示的“插入超链接”对话框。图14.1.11 “插入超链接”对话框（

8、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）设