鉴于大家对FrontPage教程十分关注，我们编辑小组在此为大家搜集整理了“第一节 FrontPage 2003的新增功能”一文，供大家参考学习!
实例2 读书网
1．制作目的
本例制作一个读书网页面，如图14.2.1所示。在制作过程中，将用到表格、字幕、表单、层、图片、项目符号的插入、超链接的创建、网页过渡等知识。
图14.2.1 最终效果图
2．操作步骤
（1）双击桌面上的FrontPage 2003快捷方式图标。。。，启动FrontPage 2003应用程序，然后单击“常用”工具栏中的“新建普通网页”按钮。。。
，新建一个空白网页。
（2）单击“常用”工具栏中的“插入表格”按钮。。。，在打开的表格示例框中拖动鼠标插入一个5行2列的表格。
（3）选中第一行单元格，然后在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将第1行单元格进行合并。
（4）将光标置于合并后的单元格中，选择“插入”→“Web组件”
命令，弹出如图14.2.2所示的“插入Web组件”
对话框。
图14.2.2 “插入Web组件”对话框
（5）在“组件类型”列表框中选择“动态效果”选项；在“选择一种效果”列表中选择“字幕”选项。
（6）单击“完成”按钮，弹出如图14.2.3所示的“字幕属性”
对话框。
（7）在“文本”文本框中输入文本“欢迎光临读书网！”。
图14.2.3 “字幕属性”对话框
（8）在“方向”选项组中选中“左”单选按钮，表示该字幕从右向左滚动。
（9）在“速度”选区中的“延迟”微调框中输入“50”；在“数量”微调框中输入“10”。
（10）在“表现方式”选项组中选中“交替”单选按钮。
（11）在“背景色”下拉列表中选择一种背景颜色。
（12）设置完成后，单击“确定”按钮。
（13）将光标置于第2行第1列的单元格中，选择“插入”→“表单”
命令，插入一个表单。
（14）在光标所在位置输入“用户名：”，然后选择“插入”→“表单”
→“文本框”
命令，插入一个文本框表单域。
（15）按回车键另起一行，按同样方法插入“密码”表单域。
（16）双击“提交”按钮，弹出如图14.2.4所示的“按钮属性”
对话框。
图14.2.4 “按钮属性”对话框
（17）在“值/标签”文本框中输入“登录”，然后单击“确定”按钮。
（18）按同样方法将“重置”按钮的值设为“注册”。
（19）设置完成后，选中“登录”和“注册”
两个按钮，单击“常用”工具栏中的“居中”按钮。。。
，设置后的效果如图14.2.5所示。
（20）将光标置于第2行第2列的单元格中，选择“插入”→“层”
命令，在该单元格中插入一个层。
（21）选中该层，当层的四周出现8个控制点后，将鼠标指针移到层右下角的控制点上，当鼠标指针变成。。。形状时，按住鼠标左键拖动，调整层的大小。
（22）将鼠标指针移到层的左上角，当鼠标指针变成。。。形状时，按住鼠标左键将层拖动到单元格的左上角后释放鼠标左键。
（23）将光标置于该层中，选择“插入”→“图片”
→“来自文件”
命令，弹出如图14.2.6所示的“图片”
对话框。
图14.2.5 设置表单效果
图14.2.6 “图片”对话框
（24）在“查找范围”下拉列表中选择图片的保存位置，然后选择所需的图片，单击“插入”按钮，即可将该图片插入到层中。
（25）选中该层，选择“插入”→“层”
命令，在该层中再插入一个层。
（26）按步骤（21）～（22）的方法设置层的大小与位置。
（27）将光标置于设置后的层中输入文本“期待，也可以是一种美丽的心情！”，然后选中该文本，在该文本中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出如图14.2.7所示的“字体”
对话框。
（28）在“字体”列表框中选择“华文行楷”选项；在“字形”列表中选择“加粗”选项；在“大小”列表框中选择“4（14磅）”选项。
（29）设置完成后，单击“确定”按钮，设置后的效果如图14.2.8所示。
（30）选中第3行的单元格，然后在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将第3行单元格进行合并。
（31）将光标置于合并后的单元格中，输入文本“散文、小说、杂文、诗歌”，并且中间用竖线隔开。然后在文本“诗歌”后按几次空格键后输入文本“散文列表”。
（32）选中该行，在该行中单击鼠标右键，在弹出的快捷菜单中选择“单元格属性”命令，弹出如图14.2.9所示的“单元格属性”
对话框。
图14.2.7 “字体”对话框
图14.2.8 设置层效果
图14.2.9 “单元格属性”对话框
（33）在“背景”选区中的“颜色”下拉列表中选择一种背景颜色，设置完成后单击“确定”按钮。
（34）将光标置于第4行第1列的单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框（见图14.2.6）。
（35）在该对话框中选择所需的图片，然后单击“插入”按钮，插入该图片。
（36）双击所插入的图片，弹出如图14.2.10所示的“图片属性”对话框。
图14.2.10 “图片属性”对话框
（37）在“布局”选区中的“对齐方式”下拉列表中选择“相对垂直居中”选项；在“大小”选区中的“宽度”微调框中输入“215”，设置完成后单击“确定”按钮。
（38）选中第4行第2列和第5行第2列的单元格，然后在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将这两个单元格进行合并。
（39）将光标置于合并后的单元格中，插入一个12行4列的表格。
（40）将光标置于第一行单元格中，分别输入文本“文章标题”、“作者”、“字数”和“阅读次数”。如图14.2.11所示。
图14.2.11 输入表格内容效果
（41）选中第一行单元格中的文本，然后单击“格式”工具栏中的“加粗”按钮。。。，使该文本加粗显示。
（42）在其他单元格中分别输入表格内容。输完后选中文本“栀子花开”，然后在该文本中单击鼠标右键，在弹出的快捷菜单中选择“超链接”命令，弹出如图14.2.12所示的“插入超链接”
对话框。
（43）在“查找范围”下拉列表中选择所要链接的网页的保存位置，然后在其列表框中选择所需的网页。
图14.2.12 “插入超链接”对话框
（44）设置完成后，单击“确定”按钮。
（45）按同样方法为其他文章标题链接相关的网页，设置完成后，将光标置于表格中的任意位置，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出如图14.2.13所示的“表格属性”
对话框。
图14.2.13 “表格属性”对话框
（46）在“边框”选区中的“粗细”微调框中输入“0”；在“背景”选区中的“颜色”下拉列表中选择一种背景颜色。
（47）设置完成后，单击“确定”按钮，效果如图14.2.14所示。
（48）将光标置于第5行第1列的单元格中并输入文本“栏目导读”，输完后选中该文本，然后单击“格式”工具栏中的“加粗”按钮。。。和“居中”按钮。。。
。
（49）将光标置于该文本后按回车键另起一行，选择“格式”→“项目符号和编号”
命令，在弹出的“项目符号和编号方式”
对话框中打开“无格式项目列表”
选项卡，如图14.2.15所示。
（50）在该选项卡中选择一种列表样式，然后单击“确定”按钮，即可在该单元格中插入一个项目符号列表。
图14.2.14 设置表格属性效果
图14.2.15 “无格式项目列表”选项卡
（51）在该列表后输入文本“城西之书”，输完后按回车键，系统自动在下一列创建一个项目符号列表，然后在该项目符号后继续输入文本，设置列表后的效果如图14.2.16所示。
图14.2.16 设置项目符号列表效果
（52）单击“常用”工具栏中的“保存”按钮。。。，将该网页保存在桌面上，并且命名为“dsw”的网页。
（53）单击“常用”工具栏中的“新建普通网页”按钮。。。，新建一个空白网页。
（54）在光标所在位置输入文本“读书网”、“小说”、“武侠小说”，并中间用右书名号隔开。输完后按回车键另起一行输入表格标题“武侠小说”。
（55）输完后选中该标题，单击“格式”工具栏中的“字体”右侧的下三角按钮。。。，在弹出的下拉菜单中选择“华文琥珀”选项，然后再单击“字号”右侧的下三角按钮。。。。
，在弹出的下拉列表中选择“4（14磅）”选项。
（56）设置完成后将鼠标置于该标题文本后，按回车键另起一行，插入一个5行6列的表格。
（57）选中第一行的单元格，单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将第一行的单元格进行合并。
（58）将光标置于合并后的单元格中输入文本“作品精选”，然后选中该文本，在其中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出如图14.2.17所示的“字体”
对话框。
图14.2.17 “字体”对话框
（59）在“字体”列表框中选择“黑体”选项；在“大小”列表框中选择“4（14磅）”选项；在“颜色”下拉列表中选择“绿色”选项。设置完成后，单击“确定”按钮。
（60）将光标置于其他单元格中输入文本内容，输入后的效果如图14.2.18所示。
图14.2.18 输入表格内容效果
（61）选中文本“金庸”，然后在该文本中单击鼠标右键，在弹出的快捷菜单中选择“超链接”命令，弹出如图14.2.19所示的“插入超链接”
对话框。
（62）在“查找范围”下拉列表中选择所链接网页的保存位置，然后选择所需的网页，单击“确定”按钮。
图14.2.19 “插入超链接”对话框
（63）按同样方法设置其他单元格中文本的超链接。
（64）设置完成后，将光标置于该表格中，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出如图14.2.20所示的“表格属性”
对话框。
图14.2.20 “表格属性”对话框
（65）在“布局”选区中的“对齐方式”下拉列表中选择“居中”选项；“指定宽度”文本框中输入“78”；在“边框”选区中的“粗细”微调框中输入“0”。设置完成后，单击“确定”按钮。
（66）按同样的方法在该网页中插入其他两个表格，然后在表格中输入文本内容和设置文本超链接，最后设置表格的属性。
（67）选择“格式”→“背景”
命令，弹出如图14.2.21所示的“网页属性”
对话框。
（68）在“背景”选区中选中“背景图片”复选框，然后单击“浏览”
按钮，在弹出的“选择背景图片”
对话框中选择一种背景图片，然后单击“打开”
按钮，返回到“网页属性”
对话框中单击“确定”
按钮。
图14.2.21 “网页属性”对话框
（69）选择“文件”→“保存”
命令，弹出“另存为”
对话框。在“保存位置”下拉列表中选择网页的保存位置；在“文件名”下拉列表框中输入“xsw”，单击“保存”
按钮，制作后的网页效果如图14.2.22所示。
图14.2.22 网页效果
（70）打开保存在桌面上的网页“dsw”，然后选中第3行表格中的文本“小说”，然后在该文本中单击鼠标右键，在弹出的快捷菜单中选择“超链接”命令，弹出如图14.2.23所示的“插入超链接”
对话框。
图14.2.23 “插入超链接”对话框
（71）在“查找范围”下拉列表中选择“桌面”选项，然后选中桌面上的网页“xsw”，单击“确定”按钮。
（72）选择“格式”→“网页过渡”
命令，弹出如图14.2.24所示的“网页过渡”
对话框。
图14.2.24 “网页过渡”对话框
（73）在“事件”下拉列表中选择“离开网页”选项；在“周期”文本框中输入“6”；在“过渡效果”列表框中选择“圆形收缩”选项。设置完成后单击“确定”按钮。
（74）单击“常用”工具栏中的“保存”按钮。。。，保存该网页。
（75）本实例制作完成，单击“格式”工具栏中的“预览”按钮。。。，在预览状态下单击“小说”超链接时，效果如图14.2.1所示。
