用FrontPage2000制作网页

1、第8章 用FrontPage2000制作网页8.1 FrontPage 基本操作基本操作 8.2 使用使用 FrontPage 创建网站创建网站 8.3 页面布局及修饰页面布局及修饰 8.4 在在 FrontPage 中使用中使用 CSS 8.5 网页制作实例网页制作实例 8.1 FrontPage 基本操作基本操作 8.1.1FrontPage 的界面的界面8.1.1.1 FrontPage 2000 主窗口主窗口 启动启动 FrontPage 2000 之后，其主窗口如图之后，其主窗口如图 8-1 所示。所示。 图 8-1 FrontPage2000 主窗口8.1.2文件操作文件操作8.1

2、.2.1 创建网页创建网页 当启动当启动 FrontPage2000 时，系统会自动创建一个时，系统会自动创建一个名为名为 new_page1.htm 的网页。如果以后需要新建网的网页。如果以后需要新建网页，可以单击工具栏中的页，可以单击工具栏中的“新建网页新建网页”按钮按钮 或者按或者按快捷键快捷键【Ctrl + N】。】。 如果选择如果选择“文件文件”菜单中的菜单中的“新建新建”，然后选择，然后选择“网页网页”命令，那么可以打开如图命令，那么可以打开如图8-3所示的所示的“新建新建”对话框，可以在对话框，可以在“常规常规”选项卡中选择一种默认的选项卡中选择一种默认的模板或向导创建网页。例如

3、，可以选择模板或向导创建网页。例如，可以选择“常见问题常见问题”模板创建出一个包含页面内链接的问答网页。模板创建出一个包含页面内链接的问答网页。图 8-3 “新建”对话框 8.1.2.2 打开网页打开网页8.1.2.3 保存网页保存网页8.1.3 设置网页属性设置网页属性 网页属性是指网页标题、网页背景等基网页属性是指网页标题、网页背景等基本选项，设置方法为：在网页编辑区域的空本选项，设置方法为：在网页编辑区域的空白处单击鼠标右键，然后选择白处单击鼠标右键，然后选择“网页属性网页属性”命令，或者选择命令，或者选择“文件文件”菜单中的菜单中的“属性属性”命令，然后在命令，然后在“网页属性网页属性

4、”对话框中进行设对话框中进行设置，如图置，如图 8-4 所示。所示。 图 8-4 “网页属性”对话框8.1.4 文字输入与格式设置文字输入与格式设置8.1.4.1 基本内容的输入基本内容的输入 8.1.4.2 字体格式的设置字体格式的设置1使用使用“格式格式”工具栏工具栏 如果要设置网页中文本的字体格式，最简单如果要设置网页中文本的字体格式，最简单的方式是使用的方式是使用“格式格式”工具栏，如图工具栏，如图 8-5 所示所示。图 8-5 “格式”工具栏2使用使用“字体字体”对话框对话框也可以使用也可以使用“字体字体”对话框设置字体格式，步骤如下：对话框设置字体格式，步骤如下：（1）选中需要设置

5、字体格式的文字。）选中需要设置字体格式的文字。（2）选择）选择“格式格式”菜单中的菜单中的“字体字体”命令，然后在命令，然后在“字字体体”对话框中设置字体格式，如图对话框中设置字体格式，如图 8-6 所示。所示。图 8-6 “字体”对话框 8.1.4.3 段落格式的设置段落格式的设置1使用使用“格式格式”工具栏工具栏2使用使用“段落段落”对话框对话框 使用使用“段落段落”对话框设置段落格式的步骤如下：对话框设置段落格式的步骤如下：（1）在需要设置格式的段落中单击鼠标右键，然）在需要设置格式的段落中单击鼠标右键，然后选择后选择“段落段落”命令；或者将插入点定位到需要命令；或者将插入点定位到需要设

6、置格式的段落，然后选择设置格式的段落，然后选择“格式格式”菜单中的菜单中的“段落段落”命令。命令。（2）在）在“段落段落”对话框中，设置相应的段落格式对话框中，设置相应的段落格式选项，如图选项，如图 8-7 所示。所示。图 8-7 “段落”对话框 8.1.4.4 列表格式的设置列表格式的设置 使用使用“格式格式”工具栏上的按钮可以方便地应用工具栏上的按钮可以方便地应用无格式项目列表和编号列表，步骤如下：无格式项目列表和编号列表，步骤如下：（1）选中需要应用列表格式的多个段落。）选中需要应用列表格式的多个段落。（2）单击）单击“格式格式”工具栏中的工具栏中的“编号编号”按钮按钮 可以可以为选定段

7、落应用编号（即创建有序列表）；单击为选定段落应用编号（即创建有序列表）；单击“项目符号项目符号”按钮按钮 可以为选定段落应用项目符号（即可以为选定段落应用项目符号（即创建无序列表）。创建无序列表）。（3）在设置了列表的段落中单击鼠标右键，然后选）在设置了列表的段落中单击鼠标右键，然后选择择“列表属性列表属性”命令，则可以在命令，则可以在“列表属性列表属性”对话对话框的不同选项卡中设置列表的样式（例如设置不同框的不同选项卡中设置列表的样式（例如设置不同的项目符号或编号样式），如图的项目符号或编号样式），如图 8-8 所示。所示。 图 8-8 “列表属性”对话框8.1.5设置超链接设置超链接8.1

8、.5.1 创建普通超链接创建普通超链接 如果要在网页中创建超链接，可以使用以下如果要在网页中创建超链接，可以使用以下步骤：步骤：（1）在）在“网页网页”视图中，选中需要作为超链接的视图中，选中需要作为超链接的文本（也可以是图片）。文本（也可以是图片）。（2）单击）单击“常用常用”工具栏中的工具栏中的“超链接超链接”按钮按钮 ，则弹出，则弹出“创建超链接创建超链接”对话框，如图对话框，如图 8-9 所示所示。 图 8-9 “创建超链接”对话框（3）如果在）如果在“创建超链接创建超链接”对话框的列表中包含要作为对话框的列表中包含要作为超链接目标的文件，则直接单击即可；如果要创建一个新超链接目标的文

9、件，则直接单击即可；如果要创建一个新网页作为链接目标，则可以单击网页作为链接目标，则可以单击 URL 列表框右边四个按列表框右边四个按钮中的最右边一个按钮钮中的最右边一个按钮 ；如果要使用万维网中的任意；如果要使用万维网中的任意一个有效地址作为超链接的目标，则可以单击最左边的一一个有效地址作为超链接的目标，则可以单击最左边的一个按钮个按钮 ；如果要使用本地计算机上的任意一个磁盘文件；如果要使用本地计算机上的任意一个磁盘文件作为超链接的目标，则可以单击左边第二个按钮作为超链接的目标，则可以单击左边第二个按钮 ；如果；如果要使用电子邮件地址作为超链接的目标，则可以单击左边要使用电子邮件地址作为超链

10、接的目标，则可以单击左边第三个按钮第三个按钮 。当然，如果清楚超链接目标文件的。当然，如果清楚超链接目标文件的 URL，那么可以直接在那么可以直接在“URL”框中输入。框中输入。（4）如果要指定超链接的目标框架（例如，想在一个新）如果要指定超链接的目标框架（例如，想在一个新窗口中打开超链接的目标文件），那么可以单击窗口中打开超链接的目标文件），那么可以单击“更改目更改目标框架标框架”按钮按钮 ，然后在，然后在“目标框架目标框架”对话框中设置，如对话框中设置，如图图 8-10 所示。所示。图 8-10 “目标框架”对话框 当用户创建了超链接之后，可以在超当用户创建了超链接之后，可以在超链接上单击

11、鼠标右键，然后选择链接上单击鼠标右键，然后选择“超链接超链接属性属性”命令，以便更改超链接的目标。命令，以便更改超链接的目标。8.1.5.2 创建指向书签的超链接创建指向书签的超链接 超链接除了可以跳转到其他网页或文件以外，还超链接除了可以跳转到其他网页或文件以外，还可以跳转到自身网页或其他网页的某个具体位置，方可以跳转到自身网页或其他网页的某个具体位置，方法是使用书签来创建超链接。法是使用书签来创建超链接。 如果要创建这样的超链接，首先应在目标网页中创如果要创建这样的超链接，首先应在目标网页中创建书签，步骤如下：建书签，步骤如下：（1）在）在“网页网页”视图中，将插入点定位到需要插入书视图中

12、，将插入点定位到需要插入书签的位置，或者选中需要作为书签的文本。签的位置，或者选中需要作为书签的文本。（2）选择）选择“插入插入”菜单中的菜单中的“书签书签”命令，则弹出如命令，则弹出如图图 8-11 所示的所示的“书签书签”对话框。对话框。图 8-11 “书签”对话框 （3）在）在“书签名称书签名称”编辑框中输入书签的名称。编辑框中输入书签的名称。（4）单击）单击“确定确定”按钮。按钮。 在网页中创建了书签后，如果用户创建指向该在网页中创建了书签后，如果用户创建指向该网页的超链接，则可以选择指向特定书签，以便跳网页的超链接，则可以选择指向特定书签，以便跳转到该书签标记的位置。转到该书签标记的

13、位置。 创建指向书签的超链接如图创建指向书签的超链接如图8-12所示：所示：图 8-12 创建指向书签的超链接8.2 使用使用 FrontPage 创建网站创建网站 8.2.1站点基本操作站点基本操作8.2.1.1 创建站点创建站点（1）选择）选择“文件文件”菜单中的菜单中的“新建新建”命令，然后命令，然后选择选择“站点站点”命令。命令。（2）在如图）在如图 8-13 所示的所示的“新建新建”对话框中，包含对话框中，包含 5 个站点模板和个站点模板和 3 个站点向导，选择其中之一。个站点向导，选择其中之一。（3）在）在“指定新站点的位置指定新站点的位置”列表框中选取新列表框中选取新站点的位置或

14、直接在该框中输入新站点的位置。站点的位置或直接在该框中输入新站点的位置。（4）如果需要将新站点添加到当前打开的站点）如果需要将新站点添加到当前打开的站点中，成为当前站点的子站点，则应选中中，成为当前站点的子站点，则应选中“添加到添加到当前站点当前站点”复选项。复选项。（5）单击）单击“确定确定”按钮，则可以开始创建站点。按钮，则可以开始创建站点。如果基于模板，则可以立即创建出站点；如果基如果基于模板，则可以立即创建出站点；如果基于向导，则弹出提示对话框指导用户的创建过程。于向导，则弹出提示对话框指导用户的创建过程。 站点创建完毕之后，站点创建完毕之后，FrontPage 主窗口中会自动主窗口中

15、会自动显示出站点的文件夹列表，如图显示出站点的文件夹列表，如图 8-14 所示（图中所所示（图中所示是只有一个网页的站点）。示是只有一个网页的站点）。图 8-14 站点文件夹列表 在该文件夹列表中，可以通过单击鼠标在该文件夹列表中，可以通过单击鼠标右键，然后选择相应的快捷菜单命令组织站右键，然后选择相应的快捷菜单命令组织站点的文件结构。例如，可以在站点中新建文点的文件结构。例如，可以在站点中新建文件夹，或者在特定文件夹中创建空白网页，件夹，或者在特定文件夹中创建空白网页，然后双击新建的空白网页进行编辑。然后双击新建的空白网页进行编辑。8.2.1.2 打开站点打开站点 8.2.1.3 关闭站点关

16、闭站点 8.2.1.4 删除站点删除站点删除站点的步骤如下：删除站点的步骤如下：（1）打开要删除的站点。）打开要删除的站点。（2）在站点文件夹列表的站点根目录上单击鼠标）在站点文件夹列表的站点根目录上单击鼠标右键，然后选择右键，然后选择“删除删除”命令，弹出命令，弹出“确认删除确认删除”对话框，如图对话框，如图8-15所示。所示。图 8-15 “确认删除”对话框（3）在）在“确认删除确认删除”对话框中，如果要将站点转换对话框中，如果要将站点转换为 普 通 文 件 夹 ， 则 选 中为 普 通 文 件 夹 ， 则 选 中 “ 只 删 除 此 站 点 中 的只 删 除 此 站 点 中 的 Fron

17、tpage 信息，保留所有其他文件和文件夹信息，保留所有其他文件和文件夹”单选单选项；如果确实要删除整个站点，则选中项；如果确实要删除整个站点，则选中“删除整个站删除整个站点点”单选项。单选项。（4）单击）单击“确定确定”按钮。按钮。8.2.2创建个人站点创建个人站点 在在 FrontPage2000 中，提供了一个中，提供了一个“个人站点个人站点”的模板，可供初学者创建个人站点之用。通过使的模板，可供初学者创建个人站点之用。通过使用该模板，将可以自动创建出一个具有一致导航结用该模板，将可以自动创建出一个具有一致导航结构的简单的个人网站，如图构的简单的个人网站，如图 8-16 所示。所示。 图

18、 8-16 创建个人站点 如果要修改站点的整体结构或者新增网页，最如果要修改站点的整体结构或者新增网页，最好是单击好是单击“视图栏视图栏”中的中的“导航导航”按钮，切换到按钮，切换到“导航导航”视图，这样就可以方便地对网站进行编视图，这样就可以方便地对网站进行编辑和管理。例如，如果要新增加一个栏目，那么辑和管理。例如，如果要新增加一个栏目，那么可以在可以在“主页主页”上单击鼠标右键，然后选择上单击鼠标右键，然后选择“新新建网页建网页”命令，则可以在主页下新建一个网页（命令，则可以在主页下新建一个网页（例如例如“个人简历个人简历”），如图），如图 8-17 所示。所示。 图 8-17 修改个人站

19、点的整体结构8.2.3创建公司站点创建公司站点8.2.3.1 创建公司展示站点创建公司展示站点 最常见的公司站点就是公司整体形象的最常见的公司站点就是公司整体形象的展示站点，在展示站点，在 FrontPage 中可以直接用中可以直接用“公公司展示向导司展示向导”进行创建，步骤如下：进行创建，步骤如下： （1）选择）选择“文件文件”菜单中的菜单中的“新建新建”命令命令，然后选择，然后选择“站点站点”命令。命令。 （2）在）在“新建新建”对话框中，选择对话框中，选择“公司展公司展示向导示向导”。 （3）指定了适当的站点位置后，单击）指定了适当的站点位置后，单击“确确定定”按钮，则显示出如图按钮，则

20、显示出如图 8-18 所示的所示的“公司公司站点建立向导站点建立向导”对话框。对话框。 图 8-18 “公司站点建立向导”对话框（4）按照向导对话框中的提示进行操作。如果想）按照向导对话框中的提示进行操作。如果想让剩余的步骤采用默认设置，可以在创建站点的任让剩余的步骤采用默认设置，可以在创建站点的任意一步中，单击意一步中，单击“完成完成”按钮完成整个站点的创建。按钮完成整个站点的创建。 站点创建结束后，可以在文件夹列表中双击需站点创建结束后，可以在文件夹列表中双击需要编辑的网页进行编辑，如图要编辑的网页进行编辑，如图 8-19 所示（当前打所示（当前打开了首页）。同样，进行网站结构编辑和每个网

21、页开了首页）。同样，进行网站结构编辑和每个网页的具体编辑时，可以用修改个人站点类似的方式。的具体编辑时，可以用修改个人站点类似的方式。图 8-19 公司展示站点8.2.3.2 创建客户服务站点创建客户服务站点 使用使用“客户支持站点客户支持站点”模板，可以创建出模板，可以创建出专用于客户服务的网站，如图专用于客户服务的网站，如图 8-20 所示。所示。图 8-20 客户支持站点8.2.3.3 创建项目管理站点创建项目管理站点 使用使用“项目项目”模板，可以创建出专用于项目管模板，可以创建出专用于项目管理和支持的网站，如图理和支持的网站，如图 8-21 所示。所示。图 8-21 项目网站8.3

22、页面布局及修饰页面布局及修饰8.3.1插入图片插入图片8.3.1.1 插入剪贴画插入剪贴画 8.3.1.2 插入图片文件插入图片文件8.3.1.3 修改插入的图片修改插入的图片 在网页中插入图片之后，可以对图片进行在网页中插入图片之后，可以对图片进行一些简单的处理，以便使所用的图片具有更好一些简单的处理，以便使所用的图片具有更好的表现效果。的表现效果。 当单击网页中的图片时，当单击网页中的图片时，FrontPage 会自动会自动显示如图显示如图 8-23 所示的所示的“图片图片”工具栏，可以使工具栏，可以使用其中的按钮对图片进行处理。用其中的按钮对图片进行处理。 图 8-23 “图片”工具栏8

23、.3.2创建创建 DHTML 效果效果 用户可以对网页中的特定元素（如文本、段用户可以对网页中的特定元素（如文本、段落或图片等）应用动态落或图片等）应用动态 HTML，以便使网页元素，以便使网页元素具有一定的动感效果。动态具有一定的动感效果。动态 HTML 将这些元素将这些元素与某个事件（如网页加载或单击鼠标）相联系，与某个事件（如网页加载或单击鼠标）相联系，当事件发生时触发动态当事件发生时触发动态 HTML 效果。效果。 使用动态使用动态 HTML 效果的步骤如下：效果的步骤如下： （1）选择）选择“格式格式”菜单中的菜单中的“动态动态 HTML”命令，则弹出如图命令，则弹出如图 8-24

24、所示的所示的“DHTML 效果效果”工具栏。工具栏。图 8-24 “DHTML 效果”工具栏 （2）在网页中选择目标元素，例如文本、）在网页中选择目标元素，例如文本、图片或段落。图片或段落。 （3）在）在“DHTML 效果效果”工具栏的工具栏的“开启开启”列表框中选择一个导致动态效果发生的事件列表框中选择一个导致动态效果发生的事件。 （4）在）在“DHTML 效果效果”工具栏的工具栏的“应用应用”列表框中选择一种相应事件发生时页面元素列表框中选择一种相应事件发生时页面元素应产生的动态效果。需要注意的是，对应于不应产生的动态效果。需要注意的是，对应于不同的同的“开启开启”方式，所能使用的动态效果

25、是不方式，所能使用的动态效果是不同的。同的。 （5）在）在“DHTML 效果效果”工具栏的工具栏的“效果效果”列表框（左边第三个列表框）中选择一种对列表框（左边第三个列表框）中选择一种对应于步骤（应于步骤（4）中所选效果的具体效果。）中所选效果的具体效果。8.3.3使用表格使用表格8.3.3.1 创建表格创建表格 1使用使用“插入表格插入表格”按钮按钮 2使用使用“表格表格”菜单中的菜单中的“插入插入/表格表格”命令命令3使用使用“手绘表格手绘表格”功能功能8.3.3.2 表格操作表格操作8.3.3.3 表格属性的设置表格属性的设置8.3.48.3.4使用框架使用框架8.3.4.1 8.3.4

26、.1 创建框架创建框架 创建框架网页的步骤如下：创建框架网页的步骤如下： （1）选择）选择“文件文件”菜单中的菜单中的“新建新建”命令，然后命令，然后选择选择“网页网页”命令，则打开命令，则打开“新建新建”对话框。对话框。（2）选择）选择“框架网页框架网页”选项卡，如图选项卡，如图 8-29 所示。所示。图 8-29 “新建”对话框的“框架网页”选项卡 （3）在列表中选择一种框架网页模板。）在列表中选择一种框架网页模板。 （4）单击）单击“确定确定”按钮，则创建出一个新的框架按钮，则创建出一个新的框架网页。例如，如果选中了网页。例如，如果选中了“标题、页脚和目录标题、页脚和目录”模板模板，则创

27、建出的框架网页如图，则创建出的框架网页如图 8-30 所示。所示。图 8-30 框架网页（5）在每个框架中都包含两个按钮：）在每个框架中都包含两个按钮：“设置初设置初始网页始网页”和和“新建网页新建网页”，都是用于设置在框架，都是用于设置在框架中显示的初始网页。所谓初始网页是指当浏览者中显示的初始网页。所谓初始网页是指当浏览者打开框架网页时显示在当前框架中第一个网页。打开框架网页时显示在当前框架中第一个网页。如果要显示的初始网页已经存在，则可以单击如果要显示的初始网页已经存在，则可以单击“设置初始网页设置初始网页”按钮，然后在对话框中指定一按钮，然后在对话框中指定一个初始网页；如果要新建一个网

28、页作为框架的初个初始网页；如果要新建一个网页作为框架的初始网页，则可以单击始网页，则可以单击“新建新建”按钮，则在相应框按钮，则在相应框架中以架中以“普通网页普通网页”模板创建出一个空白网页，模板创建出一个空白网页，可以在该网页中进行各种常规的编辑操作。可以在该网页中进行各种常规的编辑操作。（6）如果要保存框架网页，应单击）如果要保存框架网页，应单击“常用常用”工工具栏中的具栏中的“保存文件保存文件”按钮按钮 ，则弹出如图，则弹出如图 8-31 所示的所示的“另存为另存为”对话框。对话框。 （7）设置了保存选项后，单击）设置了保存选项后，单击“保存保存”按钮，按钮，则弹出下一个则弹出下一个“另

29、存为另存为”对话框，要求保存下一对话框，要求保存下一个尚未保存的框架中的网页。如果尚未保存的框个尚未保存的框架中的网页。如果尚未保存的框架中的网页不是新建的网页，则不会弹出架中的网页不是新建的网页，则不会弹出“另存另存为为”对话框，而是直接以原来的文件名保存。对话框，而是直接以原来的文件名保存。 （8）保存了框架网页中所有尚未保存的网页）保存了框架网页中所有尚未保存的网页后，将弹出一个后，将弹出一个“另存为另存为”对话框要求保存框架对话框要求保存框架网页。设置了保存选项之后，单击网页。设置了保存选项之后，单击“保存保存”按钮按钮，则可以将框架网页保存。，则可以将框架网页保存。8.3.4.2 设

30、置框架属性设置框架属性设置框架属性的步骤如下：设置框架属性的步骤如下：（1）在需要设置其属性的框架中单击鼠标右键。）在需要设置其属性的框架中单击鼠标右键。（2）在快捷菜单中选择）在快捷菜单中选择“框架属性框架属性”命令，则弹出命令，则弹出如图如图 8-32 所示的所示的“框架属性框架属性”对话框。对话框。图 8-32 “框架属性”对话框（3）在）在“名称名称”编辑框中显示的是框架的名称，编辑框中显示的是框架的名称，用于确定超链接的目标框架，通常采用系统默认值用于确定超链接的目标框架，通常采用系统默认值即可。即可。（4）在）在“初始网页初始网页”编辑框中显示了当前框架的编辑框中显示了当前框架的初

31、始网页，可以直接输入其他网页的文件名或者单初始网页，可以直接输入其他网页的文件名或者单击击“浏览浏览”按钮在按钮在“编辑超链接编辑超链接”对话框中选择一对话框中选择一个网页文件，以便更改框架的初始网页。个网页文件，以便更改框架的初始网页。（5）使用）使用“框架大小框架大小”域中的域中的“宽度宽度”和和“行高行高”选项指定框架的宽度和高度。选项指定框架的宽度和高度。（6）使用）使用“边距边距”域中的域中的“宽度宽度”和和“高度高度”选项指选项指定框架内的网页元素距框架左边框和上边框的距离。定框架内的网页元素距框架左边框和上边框的距离。（7）使用）使用“选项选项”域中的域中的“可在浏览器中调整大小

32、可在浏览器中调整大小”复选项设置在浏览器中浏览该网页时是否可以调整该复选项设置在浏览器中浏览该网页时是否可以调整该框架的大小。使用框架的大小。使用“选项选项”域中的域中的“显示滚动条显示滚动条”列列表框可以设置是否在框架中显示滚动条以及如何显示表框可以设置是否在框架中显示滚动条以及如何显示滚动条。滚动条。（8）单击）单击“框架网页框架网页”按钮，则弹出按钮，则弹出“网页属性网页属性”对对话框的话框的“框架框架”选项卡，如图选项卡，如图 8-33 所示。在该选项卡所示。在该选项卡中可以设置相邻框架之间的距离和是否显示边框。中可以设置相邻框架之间的距离和是否显示边框。（9）单击）单击“确定确定”按

33、钮，直到退出按钮，直到退出“框架属性框架属性”对话对话框。框。 图 8-33 “网页属性”对话框的“框架”选项卡8.3.4.3 设置超链接的目标框架设置超链接的目标框架 对于框架结构的网页来说，超链接的目标框架对于框架结构的网页来说，超链接的目标框架是实现交互导航结构的关键。指定超链接目标框架是实现交互导航结构的关键。指定超链接目标框架的步骤如下：的步骤如下：（1）在）在“创建超链接创建超链接”或或“编辑超链接编辑超链接”对话框的对话框的“可选可选”域中，单击域中，单击“更改目标框架更改目标框架”按钮按钮 。（2）在）在“目标框架目标框架”对话框中，可以设置超链接的对话框中，可以设置超链接的目

34、标框架，如图目标框架，如图 8-34 所示。所示。 在在“当前框架网页当前框架网页”框中包含一个框架网页的框中包含一个框架网页的结构示意图，单击其中的某个框架，则该框架将突结构示意图，单击其中的某个框架，则该框架将突出显示，并且该框架的名称自动显示在出显示，并且该框架的名称自动显示在“目标设置目标设置”编辑框中，表示该网页将作为目标框架。编辑框中，表示该网页将作为目标框架。 在在“公用的目标区公用的目标区”列表中，列出了一些列表中，列出了一些所有浏览器都支持的预定义的框架设置，选择所有浏览器都支持的预定义的框架设置，选择其中之一，则相应的名称也会显示在其中之一，则相应的名称也会显示在“目标设目

35、标设置置”编辑框中，表示将使用该设置。编辑框中，表示将使用该设置。 如果选中如果选中“设置为网页的默认值设置为网页的默认值”复选框复选框，则当前框架中网页的所有超链接在没有指定，则当前框架中网页的所有超链接在没有指定目标框架时都将采用此处设置的目标框架。目标框架时都将采用此处设置的目标框架。 （3）单击）单击“确定确定”按钮。按钮。图 8-34 “目标框架”对话框8.3.5使用组件使用组件 在在 FrontPage 中，组件是指包含一定功能中，组件是指包含一定功能的模块或对象。它既可能是一个特殊对象（例的模块或对象。它既可能是一个特殊对象（例如如“计数器计数器”），也可能是一个），也可能是一个

36、 Java 小应用程小应用程序（例如序（例如“悬停按钮悬停按钮”），还有可能只是一个），还有可能只是一个 HTML 标记（例如标记（例如“字幕字幕”组件由组件由 MARQUEE 标记符构成）。标记符构成）。 要插入组件，最简便的方法就是单击要插入组件，最简便的方法就是单击“常常用用”工具栏中的工具栏中的“插入组件插入组件”按钮按钮 ，然后从，然后从列表中选择，如图列表中选择，如图 8-35 所示。所示。 图 8-35 插入组件8.3.6使用表单使用表单8.3.6.1 创建表单创建表单1使用向导和模板使用向导和模板 FrontPage 提供了一个提供了一个“表单网页向导表单网页向导”，以，以便用

37、户通过回答问题的方式快速创建符合自己要便用户通过回答问题的方式快速创建符合自己要求的表单。另外，求的表单。另外，FrontPage 还提供了多种生成表还提供了多种生成表单的网页模板，使用户可以快速创建需要的表单单的网页模板，使用户可以快速创建需要的表单，例如，使用，例如，使用“意见簿意见簿”模板可以创建出用于收模板可以创建出用于收集访问者意见的网页；使用集访问者意见的网页；使用“用户注册表单用户注册表单”模模板可以创建出能够提供注册功能的注册表单网页板可以创建出能够提供注册功能的注册表单网页。 使用向导或模板创建表单的步骤如下：使用向导或模板创建表单的步骤如下： （1）打开需要建立表单网页的站

38、点。）打开需要建立表单网页的站点。 （2）选择）选择“文件文件”菜单中的菜单中的“新建新建”命令，然命令，然后选择后选择“网页网页”命令，则打开命令，则打开“新建新建”对话框。对话框。 （3）在）在“常规常规”选项卡中，选中选项卡中，选中“表单网页向表单网页向导导”或者是或者是“意见簿意见簿”等模板。等模板。 （4）单击）单击“确定确定”按钮，如果选中按钮，如果选中“表单网页表单网页向导向导”，则弹出，则弹出“表单网页向导表单网页向导”对话框，可以按对话框，可以按照该对话框的提示继续进行创建操作；如果选中表照该对话框的提示继续进行创建操作；如果选中表单模板，则可以直接生成表单网页。单模板，则可

39、以直接生成表单网页。 例如，用例如，用“意见簿意见簿”模板创建出的表单网页如模板创建出的表单网页如图图 8-36 所示。所示。图 8-36 “意见簿”表单网页2使用使用“表单表单”命令命令8.3.6.2 设置表单控件属性设置表单控件属性 无论以何种方式创建的表单，均可以对其中无论以何种方式创建的表单，均可以对其中的表单控件进行属性设置，以便满足用户的实际需的表单控件进行属性设置，以便满足用户的实际需要。例如，可以设置文本框的宽度、复选框的初始要。例如，可以设置文本框的宽度、复选框的初始状态等。状态等。 设置表单控件属性的方法为：双击需要设置设置表单控件属性的方法为：双击需要设置其属性的表单控件

40、；或者在表单控件上单击鼠标右其属性的表单控件；或者在表单控件上单击鼠标右键，然后从快捷菜单中选择键，然后从快捷菜单中选择“表单控件属性表单控件属性”命令命令；或者在选中表单控件后按组合键【；或者在选中表单控件后按组合键【Alt + Enter】；这三种操作都将打开相应的表单控件属性对话框；这三种操作都将打开相应的表单控件属性对话框，可以在其中进行设置。，可以在其中进行设置。 图 8-37 “文本框属性”对话框 例如，文本框的属性对话框如图例如，文本框的属性对话框如图 8-37 所示，所示，可以在其中设置文本框的可以在其中设置文本框的“名称名称”、“初始值初始值”、“宽度宽度”等属性。等属性。8

41、.3.6.3 设置标签与热键设置标签与热键8.3.6.4 处理表单结果处理表单结果8.4 在在 FrontPage 中使用中使用 CSS 8.4.1使用内部样式使用内部样式 8.4.1.1 创建创建 HTML 标记符样式标记符样式 如果要更改如果要更改 HTML 标记符的样式效果，可标记符的样式效果，可以使用以下步骤：以使用以下步骤： （1）打开需要更改）打开需要更改 HTML 标记符样式的网页。标记符样式的网页。 （2）选择）选择“格式格式”菜单中的菜单中的“样式样式”命令，命令，打开如图打开如图 8-41 所示的所示的“样式样式”对话框。对话框。 图 8-41 “样式”对话框（3）在左边的

42、）在左边的“样式样式”列表中，选择需要更改其样列表中，选择需要更改其样式的式的 HTML 标记符，然后单击标记符，然后单击“修改修改”按钮，打开按钮，打开“修改样式修改样式”对话框，如图对话框，如图 8-42 所示。所示。图 8-42 “修改样式”对话框（4）单击）单击“格式格式”按钮，选择适当的命令修改按钮，选择适当的命令修改 HTML 标记符的格式。例如，可以选择标记符的格式。例如，可以选择“字体字体”命命令修改字体格式。令修改字体格式。（5）样式修改完毕之后，返回）样式修改完毕之后，返回“样式样式”对话框，对话框，此时新建的样式出现在此时新建的样式出现在“样式样式”列表中，同时列表中，同

43、时“列列表表”列表框中自动使用列表框中自动使用“用户定义的样式用户定义的样式”选项。选项。（6）单击）单击“确定确定”按钮，退出按钮，退出“样式样式”对话框。对话框。8.4.1.2 创建通用类样式创建通用类样式 如果要创建通用类样式，可以使用以下步骤：如果要创建通用类样式，可以使用以下步骤：（1）打开需要创建通用类样式的网页。）打开需要创建通用类样式的网页。（2）选择）选择“格式格式”菜单中的菜单中的“样式样式”命令，打开命令，打开“样式样式”对话框。对话框。（3）单击）单击“新建新建”按钮，则弹出如图按钮，则弹出如图 8-43 所示的所示的“新样式新样式”对话框。对话框。图 8-43 “新样

44、式”对话框（4）在）在“名称（选择器）名称（选择器）”编辑框中输入样式的编辑框中输入样式的名称。名称。（5）单击）单击“格式格式”按钮，设置样式的格式。按钮，设置样式的格式。（6）多次单击）多次单击“确定确定”按钮，直到退出按钮，直到退出“样式样式”对话框。对话框。8.4.1.3 应用样式应用样式 对于对于 HTML 标记符样式，修改之后系统会自标记符样式，修改之后系统会自动应用到网页中。对于通用类样式，则需要应用才动应用到网页中。对于通用类样式，则需要应用才能使样式生效，步骤如下：能使样式生效，步骤如下：（1）选中需要应用样式的网页元素，或者将光标）选中需要应用样式的网页元素，或者将光标定位到需要应用样式的段落。定位到需要应用样式的段落。（2）单击）单击“样式样式”列表框，从列表中选择需要应列表框，从列表中选择需要应用的样式，如图用的样式，如图 8-44 所示。所示。图 8-44 应用样式8.4.2使用外部样式使用外部样式8.4.2.1 创建样式表文件创