Frontpage

Frontpage2002中文教程：
第一章认识Frontpage2002
本教程教你学会使用微软公司的Frontpage2002，学会干什么？当然是做你的个人主页啦。

或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。

我现在要告诉你，你错了。

在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。

做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Frontpage：）当然制作网页的工具不单只有Frontpage2002，还有许许多多好用的工具。

但是对于初学者来说，Frontpage2002是最好不过了，因为它操作简单，方便使用，所见即所得，最适合初学者。

或许你下了决心要做一个专业网页制作人员，要学会更多更专业的网页制作工具，但是我还是希望你先学习使用Frontpage2002，打好扎实的基础怎么样也好一点对吧。

Frontpage2002现在已经成为Microsoft Office办公软件的一个套件，所以在安装Office的同时就可以安装Frontpage2002。

要启动Frontpage2002，可以单击开始—程序—Microsoft Frontpage2002。

首先我们来认识一下Frontpage2002的操作界面（如图1—1）。

图1—1
Frontpage2002的界面特征：
默认状态下，程序启动后，其屏幕将由以下6个区域组成：
●网页编辑窗口
●菜单栏
●工具栏
●视图栏
●文件夹列表栏
●状态栏
网页编辑窗口
在启动程序之后，Frontpage2002将显示一个空白网页，并自动命名为new_page_1.htm。

同时又建立一个网页时，则命名为new_page_2.htm。

Frontpage2002可以打开多个网页，并能通过窗口切换。

菜单栏
Frontpage2002菜单栏有10个选项，其中显示方式和WORD比较相似。

工具栏
Frontpage2002为用户提供了大量的按钮，工具栏允许用户自定义。

视图栏
Frontpage2002视图栏是为管理站点服务的。

通过切换各种不同的视图可以更好地了解站点的状况。

文件夹列表栏
文件夹列表显示的是当前站点的文件夹和文件。

在文件夹列表栏中可以进行文件的新建、删除、打开、复制、剪切、粘贴等操作。

状态栏
Frontpage2002中工作区底部的状态栏可以显示信息和消息。

如文件的完整路径，链接的文件名、网页下载的时间等。

第二章站点创建
使用Frontpage可以快速的创建典型的个人站点。

在启动Frontpage之后，默认的情况将打开一个空白文件。

此时最好不要立即进行网页的编辑工作，而应该先建立一个站点。

在Frontpage中，可以直接创建基于本地硬盘根目录的站点。

操作步骤如下：
1、开始——程序——Frontpage。

2、在“文件”菜单上，指向“新建”，再单击“网页或站点”。

3、在“新建网页或站点”任务窗格中，单击“空白站点”。

4、在弹出的“新建”对话框中，选中“空白站点”，然后在“指定新站点的位
置”框中输入D:\web_1，创建以该文件夹的为根目录的本地站点。

也可以先在D盘建立文件夹，然后通过“浏览”按钮选择站点的根目录。

5、单击“确定”之后，Frontpage将立即创建新站点。

新站点包括2个文件夹。

图2—2 新建的个人站点
一个简单的个人站点就这样建成了。

单击“常用”工具栏上的“在浏览器中预览”按钮，查看该站点。

第三章建立站点导航
关于链接栏：链接栏就是一组用于导航Web 站点的超链接。

例如，典型的链接栏会包含一些指向Web 站点的主页及其主要网页的超链接：
您可以在Web 站点中的每个网页上显示一个链接栏，这样站点访问者就可以快速方便地转到Web 站点的主要网页。

也可以选择建立Web 站点的导航结构，然后让Microsoft FrontPage 为您创建链接栏。

FrontPage 将维护其创建的链接栏；如果您移动或添加了网页，FrontPage 将相应地更新链接栏（重新计算链接栏中的超链接）。

1、创建主页：在导航视图下，建立网站的主页。

单击新建网页按钮。

在文件列表中将生成index.htm文件。

其中.htm是文件的扩展名，标志着该文件是网页文件。

2、建立其他网页，并将网页托动到导航视图中，建立导航结构。

如图
第四章选择和应用网站主题
主题是一组统一的设计元素和配色方案，可应用到 Web 页使之具有专业外观。

使用主题是使 Web 页视觉一致且具有吸引力的快捷方法。

Microsoft FrontPage 包括许多可立即使用的完整主题，您也可以在现有主题的基础上创建新主题。

可以将一个主题应用到一个或多个网页或整个 Web 站点。

如果将主题应用到Web 站点中的所有网页，则该主题将成为此 Web 站点的默认主题。

创建新网页时，会自动应用默认主题。

如果更改或删除默认主题，则此更改将应用到整个 Web 站点。

主题会影响到网页外观的所有方面：
∙颜色主题的配色方案指定了正文、标题、超链接、网页横幅文本、链接栏标签、表格边框和网页背景。

您可以使用普通或鲜艳的颜色。

∙图形多种网页元素都包含图形，例如背景图片、网页横幅、项目符号、导航按钮和水平线。

可以使用标准的或动态的图形。

动态图形设置使用动
画网页元素，例如使用悬停按钮而不是使用链接栏上的无格式按钮。

∙样式主题对正文和标题使用自己的字体样式和字号。

要给整个网站应用主题，操作如下：
1、打开或新建一个站点。

2、双击主页图标，进入网页的编辑状态。

3、单击“格式”—“主题”。

4、在出现的“主题”对话框中，单击“所有网页”单选钮，然后选择一种主
题。

如图2—3
5、单击“确定”。

站点内的所有网页均使用该主题。

6、插入“网页横幅”
操作：单击插入菜单——网页横幅，设置网页横幅文本，确定。

如图
7、插入“导航”
操作：将光标放置到要插入导航的位置，单击插入菜单——导航。

选择基于导航结构的连接栏，下一步
选择链接样式，应用主题样式，或选择其他样式。

下一步。

设置链接属性。

在导航视图中，修改网页标题，在被选网页上单击鼠标右键，重命名。

第五章文本处理
互联网上大量信息的传播仍然是以文本为主，因此，对于网页制作人来说，文本的处理依然是基本的而重要的技巧之一。

一般来说，网页文本的处理涉及两个方面：
1.文字的格式设置。

文字尽量做到美观大方，符合人们的阅读习惯。

最常见
的网页正文则是设置为宋体9磅。

2.文字的统一风格。

对于在站点内的不同网页来说，最好保持相似的风格。

不仅要体现在布局上，还要体现在文本的样式上。

在文字输入和编辑时，可以使用以下快捷键：
Ctrl + X ：剪切文本；
Ctrl + C ：复制文本；
Ctrl + V ：粘贴文本；
Ctrl + Z ：撤销操作；
Del ：删除文本；
5.1 精确设置文本属性
如果要使我们的网页文本清晰易读，则必须为文本设置不同的格式属性。

例如，我们可以选择较为醒目的颜色作为标题、使用不同的颜色标记重点文字等。

Frontpage的“格式”工具栏上提供了一些与字体有关的按钮。

如图3—1
字符或字的可设置属性包括：
∙字体和字号（例如，10 磅 Tahoma，应用到整个网页）。

∙效果包括：
1.斜体
2.下划线
3.粗体
4.删除线
∙增大或减小字符间距来扩展或紧缩文本。

这是一个扩展文本的示例。

这是一个紧缩文本的示例。

∙升高或降低文本；例如，
这句中有一个升高的字。

低的字。

这句中有一个
降
∙突出显示一个字或一个单独的字母，如 letter。

设置行距或段落间距
1.在“网页”视图中，选择一个或多个段落，再单击鼠标右键，然后单击快
捷菜单上的“段落”。

2.在“段落间距”之下，通过执行下列操作之一来设置文本的间距：
o若要设置每个段落之上的间距，请在“段前”框中以像素为单位输入值。

o若要设置每个段落之下的间距，请在“段后”框中以像素为单位输入值。

o若要设置文本行之间的垂直间距，请单击“行距大小”框中的选项。

o若要设置字间距，请在“单字间距”框中为像素单位输入值。

撤消或恢复操作
Microsoft FrongPage 会维护一个记录了最近 30 个操作的列表，并允许您按顺序撤消各个操作。

同样，您也可以恢复使用“撤消”命令撤消的最近 30 个操作中的任一操作。

请执行下列一项或多项操作：
∙撤消上次执行的操作单击“撤消”。

如果再次单击“撤消”，FrontPage 将会撤消此操作之前执行的操作（按列表中的顺序依次类推）。

∙撤消其他操作或一系列操作单击“撤消”旁边的箭头可以看到一个可以撤消的最近所做操作的列表，然后选择要撤消的一个或多个操作。

∙恢复上次撤消的操作单击“恢复”。

恢复其他操作或一系列操作单击“恢复”旁边的箭头可以看到一个可以恢复的最近撤消的操作列表，然后选择要恢复的一个或多个撤消操作。

5.2 创建折叠项目列表
在FrontPage中，所谓“项目符号”就是无序列表，而“编号”则是指有序的列表。

要设置项目符号或编号，可选中要设置为列表项目的段落文字，单击“格式”工具栏上的“项目符号”或“编号”按钮。

所选段落将立即显示为列表项。

在设置项目列表时，如果某一项目包含其他子项目，则应设置多级列表。

FrontPage可以创建可折叠的多层次列表。

当访问者单击包含次级列表的上一层列表项时，可以显示或隐藏该次级列表。

要设置多级列表，操作如下：
1、选中列表项。

2、按Enter 键，输入作为子项目的列表项。

如图3—2
图3—2 图3—3
3、此时此项与上级仍然是平级的。

要将其设为子项目，可以连续两次单击“格
式”工具栏上的“增加缩进”按钮，此项目变成子项目。

如图3—3
4、为了表示区别，还可以修改子项目的项目符号图片。

选中项目，单击“格式”菜
单中的“项目符号和编号”选项，再出现的对话框中单击“图片项目符号”，选
择“指定图片”，浏览选择图片，确定。

如图3—4
图3—4
5、要子项目在浏览器中隐藏起来，只在用户单击时才出现，则要选中全部列
表项目之后单击“格式”菜单中的“项目符号和编号”选项，选中“启用可折叠大纲”和“开始时折叠”复选框，确定。

如上图。

第六章表格处理
在制作网页的过程中，表格是非常重要的内容之一。

表格最大好处是可以帮助网页元素定位，使用表格可以用网格形式显示信息，网页上布置文本和图形时，可以使用表格来安排它们，合理安排对象的位置，这是布置网页的一个简便方法，此外还可以起到美化网页的作用。

Frontpage的“表格”工具栏上提供了一些与表格有关的按钮。

4.1创建网页布局表格
在“网页”视图中，请执行下列操作之一：
一、插入表格并设置其属性
将插入点放在要插入表格的位置。

1、在“表格”菜单上，指向“插入”，再单击“表格”。

2、在“行数”框中，键入想要的行数。

3、在“列数”框中，键入想要的列数。

4、在“对齐方式”框中，选择表格在网页上的位置。

5、在“边框粗细”框中，以像素为单位键入想要的表格边框宽度。

如果不要
表格边框，请键入 0。

6、若要更改表格的单元格边距（单元格边框和内容之间的间距），请在“单
元格边距”框中键入数字。

7、若要更改表格的单元格间距（单元格之间的间距），请在“单元格间距”
框中键入数字。

8、若要更改表格宽度，请执行下列操作之一：
o选择“像素”，再以像素为单位键入想要的表格宽度。

o选择“按百分比”，再按屏幕宽度的百分比键入想要的表格宽度。

9、选择全部或部分表格
可以选择整个表格或只选择其中的元素来为每个部分设置特殊的属性。

在“网页”视图中，执行下列一项或多项操作：
选择表格
在表格中的任意位置单击。

在“表格”菜单上，指向“选择”，再单击“表格”。

选择单元格
将插入点放在单元格中。

在“表格”菜单上，指向“选择”，再单击“单元格”。

提示
若要选择多个单元格，请选择上述过程中说明的第一个单元格，再按Ctrl，然后单击要选择的其他各单元格。

选择行
将插入点放在要选择的行中的单元格中。

在“表格”菜单上，指向“选择”，再单击“行”。

选择列
将插入点放在要选择的列中的单元格中。

在“表格”菜单上，指向“选择”，再单击“列”。

二、调整全部或部分表格的大小
在“网页”视图中，执行下列一项或多项操作：
调整表格的大小
1.用鼠标右键单击表格，再单击快捷菜单上的“表格属性”。

为单位，然后键入表格的宽度值。

3.若要指定高度，请选中“指定高度”复选框，再选择“像素”或“百分比”
为单位，然后键入表格的高度值。

注意
∙如果表格的大小以像素为单位，则无论显示表格的网页是多大，该表格的大小都会维持不变。

∙如果表格的大小以浏览器窗口的百分比为单位，则其大小会随窗口的大小而变化。

∙如果未指定表格的高度或宽度，则表格的大小将根据其内容而定。

调整单元格的大小
1.将插入点放在单元格中。

2.单击鼠标右键，再单击快捷菜单上的“单元格属性”。

3.若要指定宽度，请选中“指定宽度”复选框，再选择“像素”或“百分比”
为单位，然后键入所选单元格的宽度值。

4.若要指定高度，请选中“指定高度”复选框，再选择“像素”或“百分比”
为单位，然后键入所选单元格的高度值。

调整行的大小
1.将插入点放在要调整大小的行中的单元格中。

2.在“表格”菜单上，指向“选择”，再单击“行”。

3.用鼠标右键单击该行，再单击快捷菜单上的“单元格属性”。

4.若要指定宽度，请选中“指定宽度”复选框，再选择“像素”或“百分比”
为单位，然后键入所选行的宽度值。

为单位，然后键入所选行的高度值。

调整列的大小
1.将插入点放在要调整大小的列中的单元格中。

2.在“表格”菜单上，指向“选择”，再单击“列”。

3.用鼠标右键单击该列，再单击快捷菜单上的“单元格属性”。

4.若要指定宽度，请选中“指定宽度”复选框，再选择“像素”或“百分比”
为单位，然后键入所选列的宽度值。

5.若要指定高度，请选中“指定高度”复选框，再选择“像素”或“百分比”
为单位，然后键入所选列的高度值。

注意如果表格的内容（文本、图形等）或其元素之一比指定值大（更大、更长、更宽等），则表格或其元素会扩展以适应该内容。

三、删除全部或部分表格
在“网页”视图中，请执行下列一项或多项操作：
删除表格
1.在要删除的表格的任意位置单击。

2.在“表格”菜单上，指向“选择”，再单击“表格”。

3.在表格的任意位置单击鼠标右键，再单击快捷菜单上的“删除单元格”。

删除单元格
1.将插入点放在要删除的单元格中。

2.在“表格”菜单上，指向“选择”，再单击“单元格”。

3.在单元格上单击鼠标右键，再单击快捷菜单上的“删除单元格”。

删除行
1.将插入点放在要删除行的单元格中。

2.在“表格”菜单上，指向“选择”，再单击“行”。

3.在行上单击鼠标右键，再单击快捷菜单上的“删除单元格”。

删除列
1.将插入点放在要删除列的单元格中。

2.在“表格”菜单上，指向“选择”，再单击“列”。

3.在列上单击鼠标右键，再单击快捷菜单上的“删除单元格”。

四、设置表格的属性
1.在“网页”视图中，用鼠标右键单击表格。

2.单击快捷菜单上的“表格属性”。

然后请执行下列一项或多项操作：
设置表格的布局
设置下列一个或多个值（或者使用默认值）：
∙对齐方式设置表格在网页上的位置。

∙浮动指定文本是以向左还是向右的方式绕表格流动。

如果您不需要文本绕表格流动，请选择“默认”。

∙单元格间距若要更改表格单元格的间距，在框中键入数字。

∙单元格边距若要更改表格单元格边框和内容的间距，在框中键入数字。

∙宽度以像素或百分比的列宽设置。

∙高度以像素或百分比为单位设置列的高度。

设置表格的边框
设置下列一个或多个值（或者使用默认值）：
∙大小以像素为单位键入想要的表格边框宽度。

如果不要表格边框，请键入“0”。

∙颜色若要为表格边框设置一种颜色，请从列表中选取一种颜色。

∙亮边框和暗边框若要为表格设置具有三维效果的双色边框，请从列表中选取颜色。

∙显示单元格和表格边框请选择是否要将颜色应用到单元格和边框。

设置表格的背景
请执行下列操作之一：
设置表格的背景色
在“背景”之下的“颜色”列表中，为表格背景选择一种颜色。

在表格中显示背景图片
1.在“背景”之下，选择“使用背景图片”复选框，再单击“浏览”。

2.通过执行下列操作之一选择背景图片：
▪如果知道图片的名称在“文件名称”框中，键入名称，再
单击“打开”。

▪如果图片是在本地驱动器或网络上在“搜索”框中，找到
所需的图片。

或者单击对话框左边的按钮之一来找到图片。

再单击“打开”。

为单元格设置背景色
1.将插入点放在单元格中，再用鼠标右键单击，然后单击快捷菜单上的
“单元格属性”。

2.在“背景”之下，在“颜色”列表中，为单元格背景选择一种颜色。

在单元格中显示背景图片
1.将插入点放在单元格中，再用鼠标右键单击，然后单击快捷菜单上的
“单元格属性”。

2.在“背景”之下，单击“使用背景图片”复选框，再单击“浏览”。

五、向表格中添加单元格、行或列
在“网页”视图中，请执行下列一项或多项操作：
插入单元格
1.将插入点放在要添加单元格的位置左边的单元格中。

2.在“表格”菜单中，指向“插入”，再单击“单元格”。

插入行
1.将插入点放在要插入行的旁边。

2.在“表格”菜单上，指向“插入”，再单击“行或列”。

3.单击“行”，键入要插入的行数。

4.在“位置”之下，指定要放置行的位置。

插入列
1.将插入点放在要插入列的旁边。

2.在“表格”菜单上，指向“插入”，再单击“行或列”。

3.单击“列”，键入要插入的列数。

4.在“位置”之下，指定要放置列的位置。

六、让表格行或列尺寸一致
如果表格的行高和列宽不同，可以使所选的行高或列宽相等。

在“网页”视图中，执行下列一项或两项操作：
使行高一致
1.将插入点放在行高不一致的列中。

2.在“表格”菜单上，指向“选择”，再单击“列”。

3.用鼠标右键单击列，再在快捷菜单上单击“平均分配各行”。

使列宽一致
1.将插入点放在列宽不一致的行中。

2.在“表格”菜单上，指向“选择”，再单击“行”。

3.单击鼠标右键，再在快捷菜单上单击“平均分配各列”。

七、设置表格边框的属性
在“网页”视图中，执行下列一项或多项操作：
更改每个单元格边框间的距离
1.用鼠标右键单击表格，再单击快捷菜单上的“表格属性”。

2.在“单元格间距”框中，键入像素值，这些值表示单元格内容和单元格内
边框之间的距离要增加或减少的数量。

更改表格外边框的厚度
1.用鼠标右键单击表格，再单击快捷菜单上的“表格属性”。

2.在“边框”之下的“大小”框中，以像素为单位输入表格边框宽度增加或
减少的值。

为表格及其单元格选择单层或双层边框
默认情况下，表格边框将显示为表格本身及各个单元格周围的单层边框。

如果要使表格及其单元格都有双层边框，请执行下列操作：
1.用鼠标右键单击表格，再单击快捷菜单上的“表格属性”。

2.在“边框”之下，选择“同时显示单元格和表格的边框”。

注意该选项将会成为每次创建表格时的默认选项。

隐藏整个表格的边框
1.用鼠标右键单击表格，再单击快捷菜单上的“表格属性”。

2.在“边框”之下的“大小”框中，键入“0”。

注意编辑网页时隐藏的边框将会显示为点线。

隐藏全部或部分表格边框
1.在要隐藏边框的单元格上单击。

2.单击“边框”，再选择要隐藏的边框。

注意编辑网页时隐藏的边框将会显示为点线。

更改表格边框的颜色
表格边框可以是单色或双色。

使用双色时，表格边框的外观会有三维效果。

设置单色边框
1.用鼠标右键单击表格，再单击快捷菜单上的“表格属性”。

2.在“边框”之下，从“颜色”列表中选择一种颜色。

设置双色边框
1.用鼠标右键单击表格，再单击快捷菜单上的“表格属性”。

2.在“边框”之下，从“亮边框”和“暗边框”列表中选择颜色。

注意设置双色边框时，将不会使用“颜色”列表中选择的颜色。

然而，如果只选择了“亮边框”或“暗边框”，那么“颜色”列表中选择的颜色将用作第二种颜色。

八、在表格内插入表格
可以在现有表格的单元格内插入表格。

1.在“网页”视图中，将光标放在要插入表格的单元格中。

2.单击“插入表格”，然后向右下方拖动，直到想要的行数与列数显示出来。

九、拆分或合并表格单元格
在“网页”视图中，请执行下列一项或两项操作：
通过划分单元格可以将其拆分成多个列或行
1.用鼠标右键单击要拆分的单元格，再单击快捷菜单上的“拆分单元
格”。

2.单击“拆分为列”或“拆分成行”。

3.在“列数”或“行数”域中，键入要将单元格拆分成的行数或列数。

通过联合两个或多个相邻单元格将其合并成一个大的单元格
1.选择一行、一列或一组相邻单元格。

2.单击鼠标右键，再单击快捷菜单上的“合并单元格”。

第七章图像处理
和文本、表格一样，图形图像也是构成网页的基本元素。

一般说来，它的主要作用包括：
美化网页。

对事物作图形化说明。

作为动态网页效果的载体。

图形的视觉效果要比文本更好一些，适当地插入图形图像，可以为网页增色不少，更有说服力。

此外，还可以在图片上设置超级连接热点，为图片制作动态效果的等。

人们常用的JPG和GIF这两种压缩图形文件格式作为标准的网页图片格式。

JPG图形格式支持真彩色，GIF图形格式最多只有256色，相对来说质量比JPG 图像要差一些，但GIF图像支持透明颜色，支持动画。

向Web 页中添加图形
添加来自文件的图形
在“网页”视图中，将插入点放在要插入图形的位置。

1.在“插入”菜单上，指向“图片”，再单击“来自文件”。

2.从本地文件系统或 Web 站点浏览到所需的图形，再选择文件，然后单击
“插入”。

添加来自剪辑管理器的剪贴画
Microsoft FrontPage 包含 Microsoft 剪辑管理器。

您可以预览剪贴画、图形和视频，然后选择要用于网页上的项目。

1.在“网页”视图中，将插入点放在要插入图形的位置。

2.在“插入”菜单上，指向“图片”，再单击“剪贴画”。

3.在“插入剪贴画”任务窗格中，在“搜索文字”框中键入描述所需剪贴画
的词或短语，再单击“搜索”。

4.在“结果”列表中，单击要插入的剪贴画。

若要执行其他搜索，请单击“结果”列表下方的“修改”。

添加视频
1.在“网页”视图中，将插入点放在要插入视频的位置。

2.在“插入”菜单上，指向“图片”，再单击“视频”。

3.浏览到视频文件并将其选中。

4.设置视频属性。

5.操作方法
用鼠标右键单击视频，再单击快捷菜单上的“图片属性”，然后单击“视频”选项卡。

请执行下列一项或多项操作：
o若要在网页加载到站点访问者的 Web 浏览器时播放视频，请选中“打开文件时”复选框。

o若要在站点访问者的鼠标移到视频上方时播放视频，请选中“当鼠标悬停于其上时”复选框。

o在“循环次数”框中，输入希望视频播放的次数，或选中“不限次数”进行连续播放。

o若要设置播放之间的延迟时间，请在“循环延迟”框中以毫秒为单位输入延迟时间。