FrontPage 2003初级入门实例.doc

《FrontPage 2003初级入门实例.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

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

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

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

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

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所示的“交互式按

6、钮”对话框。（22）在“按钮”列表框中选择“边框按钮9”选项；在“文本”文本框中输入“推荐贺卡”，然后单击“确定”按钮。（23）将光标置于该交互式按钮后，输入“更多……”，然后另起一行，插入一个2行4列的表格，在第1行单元格中分别插入4幅图片，在第2行表格中输入图片所对应的文字，并将文字居中显示以及设置表格的背景颜色，最后将表格的边框设置为“0”。图14.1.8 “交互式按钮”对话框（24）按同样方法在第4行第2列的单元格中插入表格及图片，设置后的效果如图14.1.9所示。图14.1.9 插入表格及图片效果（25）将光标置于第3行第1列的单元格中，输入文本

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

8、字形”列表中选择“加粗”选项；在“颜色”下拉列表中选择“绿色”选项