158 计算机应用实训 选项，打开“另存为”对话框。
（4）文件默认保存位置“我的文档”文件夹的“My Web Sites”文件夹，打开该文件夹。通过工具栏上“新建文件夹”按钮在该文件夹中创建名称为“personalweb”的文件夹。
（5）双击“personalweb”文件夹作为当前网页文件的保存位置。 （6）单击“更改标题”按钮，在“设置网页标题”对话框的编辑框中输入“我的个人网站”。
（7）设置文件名为“index.htm”，如图7-1-1所示，单击“保存”按钮。
图7-1-1 “另存为”对话框
2．添加网页内容
（1）通过“常用”工具栏上的“插入表格”按钮创建一个4×5的表格。
（2）选择第1行右边的四个单元格，使用右键菜单中的“合并单元格”命令合并单个单元格。使用相同的方法合并第3行与第4行所有单元格。
（3）选择整个表格，选择右键菜单中的“表格属性”选项。
第七章 网页制作软件FrontPage 159 （4）在打开的“表格属性”对话框（如图7-1-2
图7-1-2 表格属性对话框
所示）中，勾选“布局”栏中的“指定宽度”，单击“像素”单选项，并在编辑框中输入800；在“边框”栏的“粗细”编辑框中设置边框宽度为0。
（5）单击“确定”按钮。
（6）将插入点移动到左上角第1个单元格，选择“插入”菜单“图片”选项中的“来自文件”，打开“图片”对话框。
（7）选择自己的图片或者喜欢的图片，单击“插入”按钮。 （8）单击选择图片，通过四周的控制点调整图片到合适大小。 （9）在第1行第2个单元格中输入“妞妞的个人网站”，并通过“格式”工具栏设置字体为“幼圆”，大小为36磅，颜色为白色，对齐方式为居中。
（10）选择第2行，执行“表格”菜单中的“平均分布各列”命令。并选择右键菜单中的“单元格属性”，在“单元格属性”对话框中设置“水平对齐方式”为居中；“背景”颜色为“青色”。
（11）在第2行的5个单元格中依次输入“首页”、“我的兴趣”、“我的专业”、“我的大学”、“给我留言”，并设置字体颜色为白色。
（12）在第4行单击右键，选择“插入行”，将插入点移动到新插入的行（倒数第2行），选择“插入”菜单中的“水平线”。
（13）在最后一行中输入“XXXX学校XX同学制作，2007年12月 邮件地址：zhoulxw@sina.com QQ：123456789”。设置字体大小为10磅，对齐方式为居中，颜色为黑体。如图7-1-3所示。
（14）在第3行前面插入一行，并将插入点移动到该行中，选择“插入”菜单中的“Web组件”选项。在“组件类型”中选择“动态效果”，在“选择一种效果”中选项“字幕”，单击“完成”。
（15）在“字幕属性”对话框（如图7-1-4所示）的“文本”编辑框中输入“欢迎光临妞妞的个人网站，有什么好的建议或者意见希望通过邮件和QQ交流，谢谢”，单击“确定”。并通过“格式”工具栏设置字体颜色为红色。
（16）单击下面视图切换按钮的“显示预览视图”按钮
（17）单击“显示设计视图”按钮。
。
160 计算机应用实训
图7-1-3 网页制作效果
（18）单击“单击“常用”工具栏上的“保存”按钮，打开“保存嵌入式文件”对话框，单击“更改文件夹”按钮，在“更改文件夹”对话框中打开“personalweb”文件，并在里面创建一“images”文件夹，然后选择该文件夹。如图7-1-5所示。
图7-1-4 “字幕属性”对话框 图7-1-5 “保存嵌入式文件”对话框
（19）单击“确定”按钮将图片文件保存到指定的“images”文件夹中，并保存文件。 3．添加链接
（1）选择“首页”文字，单击“插入”菜单中的“超链接”选项（或右键菜单中的“超链接”选项）。
（2）在“编辑超链接“对话框（如图7-1-6所示）的“地址”编辑框中输入“index.htm”。 （3）单击“样式”按钮，在“修改样式”对话框（如图7-1-7所示）中单击“格式”按钮，选择“字体”，在字体对话框中设置字体颜色为黄色。
（4）一路单击“确定”回到网页编辑窗口。按照前面三个相同的步骤，分别设置“我的兴趣”、“我的专业”、“我的大学”、“给我留言”文字添加链接地址分别为“interest.htm”、“major.htm”、“college.htm”、“guestbook.htm”，保存“index.htm”文件。
第七章 网页制作软件FrontPage 161
图7-1-6 “编辑超链接”对话框 图7-1-7 “修改样式”对话框
（5）然后选择“文件”菜单中的“另存为”命令，依次把“index.htm”另存为名称为“interest.htm”、“major.htm”、“college.htm”、“guestbook.htm”的四个文件。
（6）选择“视图”菜单中的“超链接”视图，打开如图7-1-8所示的网站链接关系图与文件组织图。
图7-1-8 文件结构与超链接结构
4．测试发布网站
（1）在五个网页中第4行空白行中分别添加相关内容、表格、图片等内容，以便于在发布网站之前测试网页效果。
（2）在“设计视图”下，按下【Ctrl】键的同时单击添加了超链接的文字，可以打开链接的网页文件，从而可以测试链接是否正常。
（3）按下【F12】可以启动浏览器浏览网页。
（4）选择“文件”菜单中的“发布网站”选项，打开“远程网站属性”对话框，选择“文件系统”，并输入目标文件夹位置，一般取默认位置。
（5）单击“确定”，出现提示是否在该文件夹创建网站，单击“是”。 （6）在图7-1-9所示的窗口中，单击右下角的“发布网站”按钮。
162 计算机应用实训
图7-1-9 发布网站
【思考与练习】
1．借助于表格完成下列网页制作，如图7-1-10所示。图片可以自己任意选取或者从“网易”网站上保存获得。
2．制作一企业宣传网站，要求内容通过表格来调整布局，网站内容包括文字、图片、声音、视频与Flash动画。
3．制作一网页，通过该网页上的链接可以播放音乐、下载文件和直接打开OE发送电子邮件。
4．练习使用FrontPage中的Web组件。
图7-1-10 练习1