以下是网学网为您推荐的FrontPage教程-第一节 FrontPage 2003的新增功能，希望本篇文章对您学习有所帮助。
实例4 个人网站
1．制作目的
本例制作一个个人网站，主页效果如图14.4.1所示。在制作过程中，将用到使用模板创建网站、制作页面内容、设置网页过渡效果等知识。
图14.4.1 最终效果图
2．操作步骤
（1）启动FrontPage 2003应用程序，选择“文件”→“新建”
命令，弹出如图14.4.2所示的“新建”
任务窗格。
（2）在“新建网站”选区中单击“其他网站模板”超链接，弹出如图14.4.3所示的“网站模板”
对话框。
图14.4.2 “新建”任务窗格 图14.4.3 “网站模板”对话框
（3）在该对话框中选中。。。图标，然后在“选项”选区中的“指定新网站的位置”下拉列表框中输入网站的保存位置和网站名称，然后单击“确定”
按钮，创建一个空白网站，如图14.4.4所示。
图14.4.4 创建的空白网站
（4）单击“常用”工具栏中的“新建普通网页”按钮。。。，新建一个空白网页。
（5）单击“常用”工具栏中的“插入表格”按钮。。。。，在打开的表格示例框中拖动鼠标插入一个5行3列的表格。
（6）选中第一行单元格，在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将第一行单元格进行合并。
（7）将光标置于合并后的单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出如图14.4.5所示的“图片”
对话框。
图14.4.5 “图片”对话框
（8）在该对话框中选择所需的图片，单击“插入”按钮，插入图片的效果如图14.4.6所示。
（9）选中第2行单元格，然后在该单元格中输入文本“相册”、“文章”、“卡通”、“动漫世界”，并且中间用竖线隔开。
（10）输完后将光标置于文本“动漫世界”后按几次空格键再输入文本“更多……”。
（11）输完后选中所有的文本，然后在该文本中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出“字体”
对话框。
（12）在“颜色”下拉列表中选择“海军蓝”选项，然后单击“确定”按钮。
图14.4.6 插入图片效果
（13）将光标置于第2行单元格中的任意位置，然后在该单元格中单击鼠标右键，在弹出的快捷菜单中选择“单元格属性”命令，弹出如图14.4.7所示的“单元格属性”
对话框。
图14.4.7 “单元格属性”对话框
（14）在“背景”选区中的“颜色”下拉列表中选择所需的背景颜色，然后单击“确定”按钮。
（15）选中第3行第1列和第4行第1列的单元格，在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将这两个单元格进行合并。
（16）单击“格式”工具栏中的“插入层”按钮。。。，在该单元格中插入一个层，然后选中该层，当层的四周出现8个控制点后，将鼠标移到层右下角的控制点上，当鼠标指针变成。。。
形状时，按住鼠标左键拖动，调整层的大小。
（17）将鼠标移到层的左上角，当鼠标指针变成。。。形状时，按住鼠标左键将层拖动到单元格的左上角后释放鼠标左键。
（18）将光标置于该层中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框。
（19）在该对话框中选择所需的图片，单击“插入”按钮，插入图片后的效果如图14.4.8所示。
图14.4.8 插入图片效果
（20）将光标置于该图片后按回车键另起一行，选择“格式”→“项目符号和编号”
命令，弹出如图14.4.9所示的“项目符号和编号方式”
对话框。
图14.4.9 “项目符号和编号方式”对话框
（21）在该对话框中的“图片”选区中选中“指定图片”单选按钮，然后在其下方的文本框中输入图片的路径及图片名称，或单击“浏览”
按钮，在弹出的“选择图片”
对话框中选择所需的图片。
（22）设置完成后单击“确定”按钮，在该单元格中插入一个项目符号，然后在该符号后输入文本“相册”。
（23）输完后按回车键，系统自动在下一行创建一个项目符号，然后输入文本“文章”。按同样方法继续创建其他两个项目列表。
（24）项目列表创建完成后，按回车键另起一行插入一幅图片。
（25）选中第3行第2列和第3行第3列的单元格，在该单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将这两个单元格进行合并。
（26）将光标置于合并后的单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框，然后在该对话框中选择所需的图片，单击“插入”
按钮。
（27）按同样方法在该单元格中继续插入其他图片。
（28）将光标置于第4行第2列的单元格中并输入文本“文章”，输完后选中该文本，然后在该文本中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出“字体”
对话框。
（29）在“字体”列表框中选择“华文隶书”选项；在“字形”列表中选择“加粗”选项；在“大小”列表框中选择“5（18磅）”选项，设置完成后单击“确定”按钮。
（30）将光标置于该文本后按回车键另起一行输入其他文本，并设置文本的字体及颜色，设置后的效果如图14.4.10所示。
图14.4.10 设置文本效果
（31）将光标置于第4行第3列的单元格中，插入一个10行的表格。
（32）将光标置于第一行表格中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框，然后在该对话框中选择所需的图片，单击“插入”
按钮。
（33）在该图片后输入文本“最新导读”，输完后选中该文本并在该文本中单击鼠标右键，在弹出的快捷菜单中选择“字体”命令，弹出“字体”
对话框。
（34）在“字体”列表框中选择“Vrinda”选项；在“字形”列表中选择“加粗”选项；在“大小”列表框中选择“2（10磅）”选项，设置完成后单击“确定”按钮。
（35）将光标置于其他单元格中输入文本内容，输完后将光标置于该表格中的任意位置，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出如图14.4.11所示的“表格属性”
对话框。
（36）在“边框”选区中的“粗细”微调框中输入“0”，设置完成后单击“确定”按钮。
（37）选中最后一行单元格，然后在该单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将该单元格进行合并。
（38）将光标置于合并后的单元格中并输入文本“留言板：”，输完后选择“插入”→“表单”
→“文本区”
命令，插入一个文本区表单域。
（39）选中“提交”和“重置”
按钮，按钮“Delete”键将这两个按钮删除。
（40）将光标置于该文本区表单域后按几次空格键后输入文本“版权所有”和“QQ号码：282741418”，输完后选中该文本，然后单击“格式”工具栏中的“居中”按钮。。。。
（41）将光标置于表格中的任意位置，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出“表格属性”
对话框（见图14.4.11）。
图14.4.11 “表格属性”对话框
（42）在“边框”选区中的“粗细”微调框中输入“0”；在“背景”选区中选中“使用背景图片”复选框，然后在其下方的文本框中输入背景图片的路径及文件名，或单击“浏览”
按钮，在弹出的“选择背景图片”
对话框中选择所需的背景图片，设置完成后单击“确定”
按钮。
（43）选择“文件”→“保存”
命令，弹出“另存为”
对话框。在“文件名”下拉列表框中输入“index”，单击“保存”
按钮，弹出“保存嵌入式文件”
对话框，然后单击“确定”
按钮，制作后的网页效果如图14.4.12所示。
图14.4.12 效果图
（44）单击“常用”工具栏中的“新建普通网页”按钮。。。，新建一个空白网页。
（45）选择“插入”→“Web组件”
命令，弹出如图14.4.13所示的“插入Web组件”
对话框。
图14.4.13 “插入Web组件”对话框
（46）在“组件类型”列表框中选择“动态效果”选项；在“选择一种效果”列表框中选择“字幕”选项，单击“完成”按钮，弹出如图14.4.14所示的“字幕属性”
对话框。
图14.4.14 “字幕属性”对话框
（47）在“文本”文本框中输入字幕，如输入“欢迎光临我的个人相册收藏集！”。
（48）在“方向”选项组中选中“左”单选按钮；在“速度”选区中的“延迟”微调框中输入“70”，在“数量”微调框中输入“8”。
（49）在“表现方式”选项组中选中“交替”单选按钮，设置完成后单击“确定”
按钮。
（50）将光标置于该字幕后按回车键另起一行，插入一个6行5列的表格，然后将第一列单元格进行合并。
（51）在合并后的单元格中输入文本“最新图片列表”，输完后按回车键另起一行，插入一个8行一列的表格，并输入表格内容。
（52）输完后将光标置于表格中的任意位置，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出“表格属性”
对话框（见图14.4.11）。
（53）在“边框”选区中的“粗细”微调框中输入“0”，设置完成后单击“确定”按钮。
（54）将光标置于该表格后按回车键另起一行，插入一幅图片，用同样方法在表格中的其他单元格中插入图片与输入文本。
（55）在字幕的右侧输入文本“主页”、“文章”、“卡通”、“动漫世界”，并且中间用竖线隔开，输入完成后保存该网页，并且命名为“Page1”，制作后的网页效果如图14.4.15所示。
（56）单击“常用”工具栏中的“新建普通网页”按钮。。。，新建一个空白网页。
（57）选择“格式”→“背景”
命令，弹出如图14.4.16所示的“网页属性”
对话框。
图14.4.15 网页效果
图14.4.16 “网页属性”对话框
（58）在“背景”选区中选中“背景图片”和“使其成为水印”
复选框，然后在其下方的文本框中输入背景图片的路径及文件名，设置完成后单击“确定”
按钮。
（59）在光标所在位置输入文本“主页”、“相册”、“卡通”、“动漫世界”，并且中间用竖线隔开。输完后按回车键另起一行，单击“格式”工具栏中的“插入层”按钮。。。，插入一个层。
（60）选中该层，当层的四周出现8个控制点后，将鼠标移到层右下角的控制点上，当鼠标变成。。。形状时，按住鼠标左键进行拖动，调整层的大小。然后将鼠标移到层的左上角，当鼠标指针变成。。。
形状时，按住鼠标左键将层拖动到目标位置。
（61）将光标置于层中并输入文本“再别康桥”，输完后选中该文本，单击“格式”工具栏中的“居中”按钮。。。，使其居中显示。设置完成后，将光标置于该文本后按回车键另起一行，输入文本。
（62）输入完成后保存该网页，并且命名为“Page2”，制作后的网页效果如图14.4.17所示。
（63）单击“常用”工具栏中的“新建普通网页”按钮。。。，新建一个空白网页，在光标所在位置输入文本“主页”、“相册”、“文章”、“动漫世界”，并且中间用竖线隔开。
（64）输完后按回车键另起一行，插入一个6行4列的表格。选中第1行第1列和第1列第2列的单元格，在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，合并该单元格。
（65）将光标置于合并后的单元格中并输入文本“原创地带”，输完后在该单元格中单击鼠标右键，在弹出的快捷菜单中选择“单元格属性”命令，弹出如图14.4.18所示的“单元格属性”
对话框。
图14.4.17 网页效果
图14.4.18 “单元格属性”对话框
（66）在“背景”选区中的“颜色”下拉列表中选择一种背景颜色，设置完成后单击“确定”按钮。按步骤（64）的方法合并第1行第3列和第1行第4列的单元格，在合并后的单元格中输入文本并设置背景颜色，设置后的效果如图14.4.19所示。
图14.4.19 设置单元格效果
（67）将光标置于第2行第1列的单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框，在该对话框中选择所需的图片，单击“插入”
按钮。
（68）将光标置于第2行第2列的单元格中输入图片所对应的文本。按同样的方法合并其他单元格，并插入图片与输入文本，效果如图14.4.20所示。
图14.4.20 插入图片与输入文本效果
（69）选中第5行单元格，在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将该行单元格进行合并，然后在合并后的单元格中插入一幅图片。
（70）合并最后一行单元格，将光标置于合并后的单元格中，选择“插入”→“表单”
→“下拉框”
命令，插入一个下拉框表单域。
（71）将光标置于该表单域前输入文本“站内搜索：”，然后双击该下拉框表单域，弹出如图14.4.21所示的“下拉框属性”对话框。
（72）单击“添加”按钮，弹出如图14.4.22所示的“添加选项”
对话框。
图14.4.21 “下拉框属性”对话框 图14.4.22 “添加选项”对话框
（73）在该对话框中的“选项”文本框中输入“类型”；在“初始状态”选项组中选中“选中”单选按钮，设置完成后单击“确定”
按钮，返回到“下拉框属性”
对话框中。
（74）按同样方法继续添加其他选项，所有选项添加完成后，单击“确定”按钮。
（75）选中“重置”按钮，按“Delete”键将该按钮删除，然后双击“提交”
按钮，弹出如图14.4.23所示的“按钮属性”
对话框。
图14.4.23 “按钮属性”对话框
（76）在“值/标签”文本框中输入文本“搜索”，设置完成后单击“确定”按钮。
（77）将光标置于表格中的任意位置，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出“表格属性”
对话框。
（78）在“边框”选区中的“粗细”微调框中输入“0”，设置完成后单击“确定”按钮。
（79）选择“格式”→“背景”
命令，弹出“网页属性”
对话框（见图14.4.16）。
（80）在“背景”选区中选中“背景图片”和“使其成为水印”
复选框，然后在其下方的文本框中输入背景图片的路径及文件名，设置完成后单击“确定”
按钮。
（81）保存该网页，并且命名为“Page3”，制作后的网页效果如图14.4.24所示。
图14.4.24 网页效果
（82）单击“常用”工具栏中的“新建普通网页”按钮。。。，新建一个空白网页。在光标所在位置输入文本“主页”、“相册”、“文章”、“卡通”，并且中间用竖线隔开。
（83）另起一行插入一个5行2列的表格。选中第一行单元格，在该单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将该单元格进行合并。
（84）将光标置于合并后的单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框，在该对话框中选择所需的图片，单击“插入”
按钮。
（85）选中第2行单元格，将该单元格合并后再拆分成一个1行3列的单元格。
（86）将光标置于拆分后的第一个单元格中插入一个6行1列的表格，然后在各单元格中分别插入一幅图片和输入文本，输完后将光标置于该单元格中单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出“表格属性”
对话框（见图14.4.11）。
（87）在“边框”选区中的“粗细”微调框中输入“0”，然后单击“确定”按钮，设置后的表格效果如图14.4.25所示。
图14.4.25 设置表格效果
（88）将光标置于拆分后的第2个单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出如图14.4.26所示的“图片”
对话框。
图14.4.26 “图片”对话框
（89）在“查找范围”下拉列表中选择Flash影片的保存位置，然后选择所需的Flash影片，单击“插入”按钮，在该单元格中插入一幅图片。然后按同样方法在该单元格中插入其他两幅图片。
（90）将光标置于合并后的第3个单元格中插入一个5行2列的表格。在第1行第1列的单元格中插入一幅图片，在第1行第2列的单元格中输入文本“最新内容”，输完后将光标置于其他单元格中分别输入文本。
（91）将光标置于该单元格中的任意位置，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”命令，弹出“表格属性”
对话框（见图14.4.11）。
（92）在“边框”选区中的“粗细”微调框中输入“0”，然后单击“确定”按钮，设置表格后的效果如图14.4.27所示。
（93）选中第3行中所有的单元格，在选中的单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将该行单元格进行合并。然后在合并后的单元格中插入一幅图片。
（94）在第4行第1列的单元格中插入一幅图片，然后单击“格式”工具栏中的“插入层”按钮。。。，插入一个层。
（95）选中该层，当层的四周出现8个控制点后，将鼠标移到层右下角的控制点上，当鼠标变成。。。形状时，按住鼠标左键拖动，调整层的大小。然后将鼠标移到层的左上角，当鼠标指针变成。。。
形状时，按住鼠标左键将层拖动到目标位置。
（96）将光标置于该层中输入文本，输入后的效果如图14.4.28所示。
图14.4.27 设置表格效果
图14.4.28 在层中输入文本效果
（97）将光标置于第4行第2列的单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框。在该对话框中选择一幅图片后单击“插入”
按钮。
（98）将光标置于第5行第1列的单元格中，输入文本，输完后按回车键另起一行，然后选择“插入”→“表单”
→“选项按钮”
命令，插入一个选项按钮表单域。
（99）双击所插入的选项按钮表单域，弹出如图14.4.29所示的“选项按钮属性”对话框。
图14.4.29 “选项按钮属性”对话框
（100）在“初始状态”选项组中选中“未选中”单选按钮，设置完成后单击“确定”
按钮。
（101）在该选项按钮后输入文本“非常喜欢”，输完后按回车键另起一行，用步骤（98）的方法插入其他选项按钮，并在各选项按钮后输入相应的文本。
（102）选中“提交”按钮，弹出如图14.4.30所示的“按钮属性”
对话框。
图14.4.30 “按钮属性”对话框
（103）在“值/标签”文本框中输入文本“投票”，输完后单击“确定”按钮。
（104）按同样方法将“重置”按钮的值设置为“重选”。
（105）将光标置于“重选”按钮后，选择“插入”
→“表单”
→“按钮”
命令，插入一个普通按钮。
（106）双击所插入的普通按钮，弹出“按钮属性”对话框，然后在“值/标签”文本框中输入文本“结果”，输完后单击“确定”
按钮，创建后的表单效果如图14.4.31所示。
图14.4.31 创建表单效果
（107）单击“格式”工具栏中的“插入层”按钮。。。，插入一个层，然后选中该层，当层的四周出现8个控制点后，将鼠标移到层右下角的控制点上，当鼠标变成。。。
形状时，按住鼠标左键拖动，调整层的大小。然后将鼠标移到层的左上角，当鼠标指针变成。。。
形状时，按住鼠标左键将层拖动到目标位置。
（108）将光标置于该层中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框。在该对话框中选择所需的图片，单击“插入”
按钮，在该层中插入一幅图片。
（109）按同样方法在该层中继续插入其他图片，插入后的效果如图14.4.32所示。
（110）将光标置于第5行第2列的单元格中，选择“插入”→“图片”
→“来自文件”
命令，弹出“图片”
对话框。在该对话框中选择所需的图片，单击“插入”
按钮，在该单元格中插入一幅图片。
图14.4.32 在层中插入图片效果
（111）保存该网页，并且命名为“Page4”，制作后的网页效果如图14.4.33所示。
图14.4.33 网页效果
（112）打开“index”网页，在该网页中选中文本“相册”，然后单击鼠标右键，在弹出的快捷菜单中选择“超链接”命令，弹出如图14.4.34所示的“插入超链接”
对话框。
图14.4.34 “插入超链接”对话框
（113）在“查找范围”下拉列表中选择“Page1”选项，然后单击“确定”按钮。
（114）选择“格式”→“背景”
命令，在弹出的“网页属性”
对话框中打开“常规”
选项卡，如图14.4.35所示。
（115）在“背景音乐”选区中的“位置”文本框中输入背景音乐的路径和文件名，设置完成后单击“确定”按钮。
（116）选择“格式”→“网页过渡”
命令，弹出如图14.4.36所示的“网页过渡”
对话框。
图14.4.35 “常规”选项卡 图14.4.36 “网页过渡”对话框
（117）在“事件”下拉列表中选择“离开网页”选项；在“周期”文本框中输入“6”；在“过渡效果”列表框中选择“盒状收缩”选项。
（118）设置完成后单击“确定”按钮。在浏览器中单击“相册”超链接时，从主页过渡到“Page1”网页的效果如图14.4.37所示。
图14.4.37 网页过渡效果
（119）按同样方法为主页中的其他文本“文章”、“卡通”和“动漫世界”设置相应的超链接。
（120）分别打开网页“Page1”、“Page2”、“Page3”和“Page4”，按设置主页中文本超链接的方法为各网页中的文本“主页”、“相册”、“文章”、“卡通”和“动漫世界”设置相应的超链接。
（121）设置完成后，单击“格式”工具栏中的“保存”按钮。。。，保存设置后的效果。本实例制作完成，页效果如图14.4.1所示。
