用FrontPage2000制作网页.ppt

《用FrontPage2000制作网页.ppt》由会员分享，可在线阅读，更多相关《用FrontPage2000制作网页.ppt（76页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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.5.1 创建普通超链接创建普通超链接 如如果果要要在在网网页页中中创创建建超

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

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

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

11、8.1.5.2 创建指向书签的超链接创建指向书签的超链接 超超链链接接除除了了可可以以跳跳转转到到其其他他网网页页或或文文件件以以外外，还还可可以以跳跳转转到到自自身身网网页页或或其其他他网网页页的的某某个个具具体体位位置置，方方法是使用书签来创建超链接。法是使用书签来创建超链接。如如果果要要创创建建这这样样的的超超链链接接，首首先先应应在在目目标标网网页页中中创创建书签，步骤如下：建书签，步骤如下：（1）在在“网网页页”视视图图中中，将将插插入入点点定定位位到到需需要要插插入入书书签的位置，或者选中需要作为书签的文本。签的位置，或者选中需要作为书签的文本。（2）选选择择“插插入入”菜菜单单中

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

13、站创建网站 8.2.1站点基本操作站点基本操作8.2.1.1 创建站点创建站点（1）选选择择“文文件件”菜菜单单中中的的“新新建建”命命令令，然然后后选择选择“站点站点”命令。命令。（2）在在如如图图 8-13 所所示示的的“新新建建”对对话话框框中中，包包含含 5 个站点模板和个站点模板和 3 个站点向导，选择其中之一。个站点向导，选择其中之一。（3）在）在“指定新站点的位置指定新站点的位置”列表框中选取新列表框中选取新站点的位置或直接在该框中输入新站点的位置。站点的位置或直接在该框中输入新站点的位置。（4）如果需要将新站点添加到当前打开的站点）如果需要将新站点添加到当前打开的站点中，成为当

14、前站点的子站点，则应选中中，成为当前站点的子站点，则应选中“添加到添加到当前站点当前站点”复选项。复选项。（5）单击）单击“确定确定”按钮，则可以开始创建站点。按钮，则可以开始创建站点。如果基于模板，则可以立即创建出站点；如果基如果基于模板，则可以立即创建出站点；如果基于向导，则弹出提示对话框指导用户的创建过程。于向导，则弹出提示对话框指导用户的创建过程。站站点点创创建建完完毕毕之之后后，FrontPage 主主窗窗口口中中会会自自动动显显示示出出站站点点的的文文件件夹夹列列表表，如如图图 8-14 所所示示（图图中中所所示是只有一个网页的站点）。示是只有一个网页的站点）。图 8-14 站点文

15、件夹列表 在该文件夹列表中，可以通过单击鼠标在该文件夹列表中，可以通过单击鼠标右键，然后选择相应的快捷菜单命令组织站右键，然后选择相应的快捷菜单命令组织站点的文件结构。例如，可以在站点中新建文点的文件结构。例如，可以在站点中新建文件夹，或者在特定文件夹中创建空白网页，件夹，或者在特定文件夹中创建空白网页，然后双击新建的空白网页进行编辑。然后双击新建的空白网页进行编辑。8.2.1.2 打开站点打开站点 8.2.1.3 关闭站点关闭站点 8.2.1.4 删除站点删除站点删除站点的步骤如下：删除站点的步骤如下：（1）打开要删除的站点。）打开要删除的站点。（2）在在站站点点文文件件夹夹列列表表的的站站

16、点点根根目目录录上上单单击击鼠鼠标标右右键键，然然后后选选择择“删删除除”命命令令，弹弹出出“确确认认删删除除”对话框，如图对话框，如图8-15所示。所示。图 8-15 “确认删除”对话框（3）在在“确确认认删删除除”对对话话框框中中，如如果果要要将将站站点点转转换换为为 普普 通通 文文 件件 夹夹，则则 选选 中中“只只 删删 除除 此此 站站 点点 中中 的的 Frontpage 信信息息，保保留留所所有有其其他他文文件件和和文文件件夹夹”单单选选项项；如如果果确确实实要要删删除除整整个个站站点点，则则选选中中“删删除除整整个个站站点点”单选项。单选项。（4）单击）单击“确定确定”按钮。

17、按钮。8.2.2创建个人站点创建个人站点 在在 FrontPage2000 中中，提提供供了了一一个个“个个人人站站点点”的的模模板板，可可供供初初学学者者创创建建个个人人站站点点之之用用。通通过过使使用用该该模模板板，将将可可以以自自动动创创建建出出一一个个具具有有一一致致导导航航结结构的简单的个人网站，如图构的简单的个人网站，如图 8-16 所示。所示。图 8-16 创建个人站点 如果要修改站点的整体结构或者新增网页，最如果要修改站点的整体结构或者新增网页，最好是单击好是单击“视图栏视图栏”中的中的“导航导航”按钮，切换到按钮，切换到“导航导航”视图，这样就可以方便地对网站进行编视图，这样

18、就可以方便地对网站进行编辑和管理。例如，如果要新增加一个栏目，那么辑和管理。例如，如果要新增加一个栏目，那么可以在可以在“主页主页”上单击鼠标右键，然后选择上单击鼠标右键，然后选择“新新建网页建网页”命令，则可以在主页下新建一个网页命令，则可以在主页下新建一个网页（例如（例如“个人简历个人简历”），如图），如图 8-17 所示。所示。图 8-17 修改个人站点的整体结构8.2.3创建公司站点创建公司站点8.2.3.1 创建公司展示站点创建公司展示站点 最最常常见见的的公公司司站站点点就就是是公公司司整整体体形形象象的的展展示示站站点点，在在 FrontPage 中中可可以以直直接接用用“公公司

19、展示向导司展示向导”进行创建，步骤如下：进行创建，步骤如下：（1）选选择择“文文件件”菜菜单单中中的的“新新建建”命命令令，然后选择然后选择“站点站点”命令。命令。（2）在在“新新建建”对对话话框框中中，选选择择“公公司司展展示向导示向导”。（3）指定了适当的站点位置后，单击）指定了适当的站点位置后，单击“确确定定”按钮，则显示出如图按钮，则显示出如图 8-18 所示的所示的“公司公司站点建立向导站点建立向导”对话框。对话框。图 8-18 “公司站点建立向导”对话框（4）按按照照向向导导对对话话框框中中的的提提示示进进行行操操作作。如如果果想想让让剩剩余余的的步步骤骤采采用用默默认认设设置置，

20、可可以以在在创创建建站站点点的的任任意一步中，单击意一步中，单击“完成完成”按钮完成整个站点的创建。按钮完成整个站点的创建。站站点点创创建建结结束束后后，可可以以在在文文件件夹夹列列表表中中双双击击需需要要编编辑辑的的网网页页进进行行编编辑辑，如如图图 8-19 所所示示（当当前前打打开开了了首首页页）。同同样样，进进行行网网站站结结构构编编辑辑和和每每个个网网页页的具体编辑时，可以用修改个人站点类似的方式。的具体编辑时，可以用修改个人站点类似的方式。图 8-19 公司展示站点8.2.3.2 创建客户服务站点创建客户服务站点 使使用用“客客户户支支持持站站点点”模模板板，可可以以创创建建出出专

21、用于客户服务的网站，如图专用于客户服务的网站，如图 8-20 所示。所示。图 8-20 客户支持站点8.2.3.3 创建项目管理站点创建项目管理站点 使使用用“项项目目”模模板板，可可以以创创建建出出专专用用于于项项目目管管理和支持的网站，如图理和支持的网站，如图 8-21 所示。所示。图 8-21 项目网站8.3 页面布局及修饰页面布局及修饰8.3.1插入图片插入图片8.3.1.1 插入剪贴画插入剪贴画 8.3.1.2 插入图片文件插入图片文件8.3.1.3 修改插入的图片修改插入的图片 在在网网页页中中插插入入图图片片之之后后，可可以以对对图图片片进进行行一一些些简简单单的的处处理理，以以

22、便便使使所所用用的的图图片片具具有有更更好好的表现效果。的表现效果。当当单单击击网网页页中中的的图图片片时时，FrontPage 会会自自动动显显示示如如图图 8-23 所所示示的的“图图片片”工工具具栏栏，可可以以使使用其中的按钮对图片进行处理。用其中的按钮对图片进行处理。图 8-23 “图片”工具栏8.3.2创建创建 DHTML 效果效果 用用户户可可以以对对网网页页中中的的特特定定元元素素（如如文文本本、段段落落或或图图片片等等）应应用用动动态态 HTML，以以便便使使网网页页元元素素具具有有一一定定的的动动感感效效果果。动动态态 HTML 将将这这些些元元素素与与某某个个事事件件（如如

23、网网页页加加载载或或单单击击鼠鼠标标）相相联联系系，当事件发生时触发动态当事件发生时触发动态 HTML 效果。效果。使用动态使用动态 HTML 效果的步骤如下：效果的步骤如下：（1）选择）选择“格式格式”菜单中的菜单中的“动态动态 HTML”命令，则弹出如图命令，则弹出如图 8-24 所示的所示的“DHTML 效果效果”工工具栏。具栏。图 8-24 “DHTML 效果”工具栏 （2）在在网网页页中中选选择择目目标标元元素素，例例如如文文本本、图片或段落。图片或段落。（3）在在“DHTML 效效果果”工工具具栏栏的的“开开启启”列表框中选择一个导致动态效果发生的事件。列表框中选择一个导致动态效果

24、发生的事件。（4）在在“DHTML 效效果果”工工具具栏栏的的“应应用用”列列表表框框中中选选择择一一种种相相应应事事件件发发生生时时页页面面元元素素应应产产生生的的动动态态效效果果。需需要要注注意意的的是是，对对应应于于不不同同的的“开开启启”方方式式，所所能能使使用用的的动动态态效效果果是是不不同同的。的。（5）在在“DHTML 效效果果”工工具具栏栏的的“效效果果”列列表表框框（左左边边第第三三个个列列表表框框）中中选选择择一一种种对对应应于步骤（于步骤（4）中所选效果的具体效果。）中所选效果的具体效果。8.3.3使用表格使用表格8.3.3.1 创建表格创建表格 1使用使用“插入表格插入

25、表格”按钮按钮 2使用使用“表格表格”菜单中的菜单中的“插入插入/表格表格”命令命令3使用使用“手绘表格手绘表格”功能功能8.3.3.2 表格操作表格操作8.3.3.3 表格属性的设置表格属性的设置8.3.48.3.4使用框架使用框架8.3.4.1 8.3.4.1 创建框架创建框架 创建框架网页的步骤如下：创建框架网页的步骤如下：（1）选选择择“文文件件”菜菜单单中中的的“新新建建”命命令令，然然后后选择选择“网页网页”命令，则打开命令，则打开“新建新建”对话框。对话框。（2）选择）选择“框架网页框架网页”选项卡，如图选项卡，如图 8-29 所示。所示。图 8-29 “新建”对话框的“框架网页

26、”选项卡 （3）在列表中选择一种框架网页模板。）在列表中选择一种框架网页模板。（4）单单击击“确确定定”按按钮钮，则则创创建建出出一一个个新新的的框框架架网网页页。例例如如，如如果果选选中中了了“标标题题、页页脚脚和和目目录录”模模板板，则创建出的框架网页如图则创建出的框架网页如图 8-30 所示。所示。图 8-30 框架网页（5）在在每每个个框框架架中中都都包包含含两两个个按按钮钮：“设设置置初初始始网网页页”和和“新新建建网网页页”，都都是是用用于于设设置置在在框框架架中中显显示示的的初初始始网网页页。所所谓谓初初始始网网页页是是指指当当浏浏览览者者打打开开框框架架网网页页时时显显示示在在

27、当当前前框框架架中中第第一一个个网网页页。如如果果要要显显示示的的初初始始网网页页已已经经存存在在，则则可可以以单单击击“设设置置初初始始网网页页”按按钮钮，然然后后在在对对话话框框中中指指定定一一个个初初始始网网页页；如如果果要要新新建建一一个个网网页页作作为为框框架架的的初初始始网网页页，则则可可以以单单击击“新新建建”按按钮钮，则则在在相相应应框框架架中中以以“普普通通网网页页”模模板板创创建建出出一一个个空空白白网网页页，可可以在该网页中进行各种常规的编辑操作。以在该网页中进行各种常规的编辑操作。（6）如如果果要要保保存存框框架架网网页页，应应单单击击“常常用用”工工具具栏栏中中的的“

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

29、存存为为”对对话话框框要要求求保保存存框框架架网网页页。设设置置了了保保存存选选项项之之后后，单单击击“保保存存”按按钮钮，则可以将框架网页保存。则可以将框架网页保存。8.3.4.2 设置框架属性设置框架属性设置框架属性的步骤如下：设置框架属性的步骤如下：（1）在需要设置其属性的框架中单击鼠标右键。）在需要设置其属性的框架中单击鼠标右键。（2）在在快快捷捷菜菜单单中中选选择择“框框架架属属性性”命命令令，则则弹弹出出如图如图 8-32 所示的所示的“框架属性框架属性”对话框。对话框。图 8-32 “框架属性”对话框（3）在在“名名称称”编编辑辑框框中中显显示示的的是是框框架架的的名名称称，用用

30、于于确确定定超超链链接接的的目目标标框框架架，通通常常采采用用系系统统默默认认值值即可。即可。（4）在在“初初始始网网页页”编编辑辑框框中中显显示示了了当当前前框框架架的的初初始始网网页页，可可以以直直接接输输入入其其他他网网页页的的文文件件名名或或者者单单击击“浏浏览览”按按钮钮在在“编编辑辑超超链链接接”对对话话框框中中选选择择一一个网页文件，以便更改框架的初始网页。个网页文件，以便更改框架的初始网页。（5）使使用用“框框架架大大小小”域域中中的的“宽宽度度”和和“行行高高”选项指定框架的宽度和高度。选项指定框架的宽度和高度。（6）使用）使用“边距边距”域中的域中的“宽度宽度”和和“高度高

31、度”选项指选项指定框架内的网页元素距框架左边框和上边框的距离。定框架内的网页元素距框架左边框和上边框的距离。（7）使用）使用“选项选项”域中的域中的“可在浏览器中调整大小可在浏览器中调整大小”复选项设置在浏览器中浏览该网页时是否可以调整该复选项设置在浏览器中浏览该网页时是否可以调整该框架的大小。使用框架的大小。使用“选项选项”域中的域中的“显示滚动条显示滚动条”列列表框可以设置是否在框架中显示滚动条以及如何显示表框可以设置是否在框架中显示滚动条以及如何显示滚动条。滚动条。（8）单击）单击“框架网页框架网页”按钮，则弹出按钮，则弹出“网页属性网页属性”对对话框的话框的“框架框架”选项卡，如图选项

32、卡，如图 8-33 所示。在该选项卡所示。在该选项卡中可以设置相邻框架之间的距离和是否显示边框。中可以设置相邻框架之间的距离和是否显示边框。（9）单击）单击“确定确定”按钮，直到退出按钮，直到退出“框架属性框架属性”对话对话框。框。图 8-33 “网页属性”对话框的“框架”选项卡8.3.4.3 设置超链接的目标框架设置超链接的目标框架 对对于于框框架架结结构构的的网网页页来来说说，超超链链接接的的目目标标框框架架是是实实现现交交互互导导航航结结构构的的关关键键。指指定定超超链链接接目目标标框框架架的步骤如下：的步骤如下：（1）在在“创创建建超超链链接接”或或“编编辑辑超超链链接接”对对话话框框

33、的的“可选可选”域中，单击域中，单击“更改目标框架更改目标框架”按钮按钮。（2）在在“目目标标框框架架”对对话话框框中中，可可以以设设置置超超链链接接的的目标框架，如图目标框架，如图 8-34 所示。所示。在在“当当前前框框架架网网页页”框框中中包包含含一一个个框框架架网网页页的的结结构构示示意意图图，单单击击其其中中的的某某个个框框架架，则则该该框框架架将将突突出出显显示示，并并且且该该框框架架的的名名称称自自动动显显示示在在“目目标标设设置置”编辑框中，表示该网页将作为目标框架。编辑框中，表示该网页将作为目标框架。在在“公用的目标区公用的目标区”列表中，列出了一些列表中，列出了一些所有浏览

34、器都支持的预定义的框架设置，选择所有浏览器都支持的预定义的框架设置，选择其中之一，则相应的名称也会显示在其中之一，则相应的名称也会显示在“目标设目标设置置”编辑框中，表示将使用该设置。编辑框中，表示将使用该设置。如果选中如果选中“设置为网页的默认值设置为网页的默认值”复选框，复选框，则当前框架中网页的所有超链接在没有指定目则当前框架中网页的所有超链接在没有指定目标框架时都将采用此处设置的目标框架。标框架时都将采用此处设置的目标框架。（3）单击）单击“确定确定”按钮。按钮。图 8-34 “目标框架”对话框8.3.5使用组件使用组件 在在 FrontPage 中中，组组件件是是指指包包含含一一定定

35、功功能能的的模模块块或或对对象象。它它既既可可能能是是一一个个特特殊殊对对象象（例例如如“计计数数器器”），也也可可能能是是一一个个 Java 小小应应用用程程序序（例例如如“悬悬停停按按钮钮”），还还有有可可能能只只是是一一个个 HTML 标标记记（例例如如“字字幕幕”组组件件由由 MARQUEE 标记符构成）。标记符构成）。要插入组件，最简便的方法就是单击要插入组件，最简便的方法就是单击“常常用用”工具栏中的工具栏中的“插入组件插入组件”按钮按钮 ，然后从，然后从列表中选择，如图列表中选择，如图 8-35 所示。所示。图 8-35 插入组件8.3.6使用表单使用表单8.3.6.1 创建表单

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

37、功能的注册表单网页。使用向导或模板创建表单的步骤如下：使用向导或模板创建表单的步骤如下：（1）打开需要建立表单网页的站点。）打开需要建立表单网页的站点。（2）选选择择“文文件件”菜菜单单中中的的“新新建建”命命令令，然然后选择后选择“网页网页”命令，则打开命令，则打开“新建新建”对话框。对话框。（3）在在“常常规规”选选项项卡卡中中，选选中中“表表单单网网页页向向导导”或者是或者是“意见簿意见簿”等模板。等模板。（4）单单击击“确确定定”按按钮钮，如如果果选选中中“表表单单网网页页向向导导”，则则弹弹出出“表表单单网网页页向向导导”对对话话框框，可可以以按按照照该该对对话话框框的的提提示示继继

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

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

40、称名称”、“初始值初始值”、“宽度宽度”等属性。等属性。8.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 所示的所示的“样式样式”对话框。

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

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

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

44、光标定位到需要应用样式的段落。定位到需要应用样式的段落。（2）单击）单击“样式样式”列表框，从列表中选择需要应列表框，从列表中选择需要应用的样式，如图用的样式，如图 8-44 所示。所示。图 8-44 应用样式8.4.2使用外部样式使用外部样式8.4.2.1 创建样式表文件创建样式表文件 创建样式表文件的步骤如下：创建样式表文件的步骤如下：（1）选选择择“文文件件”菜菜单单中中的的“新新建建”项项，然然后后选择选择“网页网页”命令，打开命令，打开“新建新建”对话框。对话框。（2）选择）选择“样式表样式表”选项卡，如图选项卡，如图 8-45 所示。所示。图 8-45 “新建”对话框的“样式表”选

45、项卡（3）在样式表模板列表中选择一种需要的模板。）在样式表模板列表中选择一种需要的模板。（4）单单击击“确确定定”按按钮钮，则则在在 Frontpage 2000 窗窗口口中中显显示示出出了了新新建建的的样样式式表表文文件件。例例如如，选选择择了了“商商业业区区”模板创建的样式表文件如图模板创建的样式表文件如图 8-46 所示。所示。图 8-46 样式表文件8.4.2.2 修改样式表文件中的样式修改样式表文件中的样式 创创建建了了样样式式表表之之后后，可可以以在在其其中中定定义义样样式式，也也可可以修改原有的样式，方法如下：以修改原有的样式，方法如下：（1）打打开开样样式式表表文文件件（在在“

46、打打开开文文件件”对对话话框框的的“文件类型文件类型”列表中选择列表中选择“超文本样式表超文本样式表”选项）。选项）。（2）选选择择“格格式式”菜菜单单中中的的“样样式式”命命令令，则则弹弹出出如如图图 8-47 所所示示的的“样样式式”对对话话框框，在在左左边边的的“样样式式”列表中列出了样式表中的预定义样式。列表中列出了样式表中的预定义样式。（3）使使用用前前面面介介绍绍的的方方法法新新建建样样式式，或或者者修修改改已已有有的样式。的样式。图 8-47 修改样式表样式8.4.2.3 链接样式表链接样式表 样样式式表表文文件件必必须须链链接接到到网网页页上上才才可可以以使使用用，步步骤如下：

47、骤如下：（1）在在“网网页页”视视图图中中打打开开需需要要链链接接样样式式表表的的网网页页或或站站点点，或或者者在在“文文件件夹夹”视视图图中中选选中中多多个个要要链链接接样样式式表表的的网网页页（按按住住【Ctrl】键键并并先先后后单单击击多多个个文文件件可可选选中中多多个个不不连连续续的的文文件件，按按住住【Shift】键键并并先先后单击两个文件可以选中两个文件之间的所有文件）。后单击两个文件可以选中两个文件之间的所有文件）。（2）选选择择“格格式式”菜菜单单中中的的“样样式式表表链链接接”命命令令，则弹出如图则弹出如图 8-48 所示的所示的“链接样式表链接样式表”对话框。对话框。图 8

48、-48 “链接样式表”对话框 （3）如如果果需需要要为为站站点点中中的的所所有有网网页页链链接接样样式式表表，则则应应选选中中“所所有有网网页页”单单选选项项，如如果果只只需需为为选选中中的的网网页页链链接接样样式式表表，则则应应选选中中“所所选选的的网网页页”单选项。单选项。（4）单单击击“添添加加”按按钮钮，则则弹弹出出“选选择择超超链链接接”对对话话框框。在在该该对对话话框框中中找找到到需需要要链链接接的的样样式式表表之之后后，单单击击“确确定定”按按钮钮，则则返返回回“链链接接样样式式表表”对话框，所选样式表出现在对话框，所选样式表出现在“URL”列表中。列表中。（5）单单击击“确确定定”按按钮钮，则则选选中中的的网网页页或或站站点中的所有网页将与选定的样式表链接。点中的所有网页将与选定的样式表链接。8.5 网页制作实例网页制作实例