使用frontpage-2003制作网页

1、第八章 使用FrontPage 2003制作网页,第一节 FrontPage 2003概述 第二节 站点的基本操作 第三节 制作和美化网页 第四节 框架网页 第五节 表单和组件的使用 第六节 发布站点 第七节 应用实例论坛首页 习题八,现代社会是一个网络社会，人们在日常生活中离不开网络，网络的诞生与发展，极大地方便了人们的信息交流和资源共享，推动着信息社会的飞速前进。一、FrontPage 2003功能概述FrontPage 2003是一个功能强大的网页制作软件，它可以使用户在不太了解HTML代码的情况下，使用FrontPage 2003制作优秀的网页。FrontPage 2003是在Fron

2、tPage 2000的基础上升级的版本，它与以前的版本相比，工作环境更加个性化，界面操作更加方便，功能更加强大。,第一节 FrontPage 2003概述,二、FrontPage 2003的工作窗口选择 “开始”“所有程序”“Microsoft office”“Microsoft office FrontPage 2003”命令，即可打开FrontPage 2003的工作窗口，如图8.1.1所示。该窗口与Office 2003的其他组件的工作窗口基本相同，用户可以在工作区中制作和编辑网页。,图8.1.1 FrontPage 2003的工作窗口,三、FrontPage 2003的基本视图Fron

3、tPage 2003为用户在创建站点和编辑网页时提供了多种视图，其中网站的视图模式有网页设计视图、文件夹视图、报表视图、导航视图、超链接视图、任务视图和远程网站视图；网页的视图模式有设计视图、代码视图、拆分视图和预览视图。,1网站的视图模式网站的7种视图模式的功能如下：（1）网页设计视图。该视图是网页的编辑场所，它的主体是网页编辑器，用户可在网页编辑器中制作和编辑网页。选择“视图”“网页”命令，即可切换到该视图。（2）文件夹视图。该视图用于显示网站的层次结构，用户可以在该视图中查看网站中包含的所有内容。选择“视图”“文件夹”命令，即可切换到该视图。,（3）报表视图。该视图采用表格的形式对站点进

4、行分析，并将网站中网页的数量、超链接的数量和状态等信息显示出来。选择“视图”“报表”命令，即可切换到该视图。（4）导航视图。该视图非常直观地显示出了一个网站的组织关系和逻辑层次。用户可以十分方便地在该视图中对网页进行移动位置、重命名、添加和删除网页等操作。选择“视图”“导航”命令，即可切换到该视图。,（5）超链接视图。该视图将网站中所有的内部和外部超链接的状态显示在一个列表中，并用图标表示超链接已通过验证或已中断。选择“视图”“超链接”命令，即可切换到该视图。（6）任务视图。该视图以列表的形式显示网站中的所有已完成或尚未完成的任务，并在各个列标题下提供有关各项任务的当前信息。选择“视图”“任务

5、”命令，即可切换到该视图。,（7）远程网站视图。该视图的主要功能是向互联网发布文件，用户可使用该视图发布整个网站或有选择地发布个别文件。选择“视图”“选程网站”命令，即可切换到该视图。2网页的视图模式网页的4种视图模式的功能如下：（1）设计视图。它是FrontPage 2003默认的视图模式，它提供近似于所见即所得的界面，用户可在该视图中查看和编辑网页。,（2）代码视图。该视图提供用户查看、编写和编辑HTML标识的功能。（3）拆分视图。该视图上半部分提供代码视图，下半部分提供设计视图，可以使用户能够直观地看到编写的代码在网页中的效果。（4）预览视图。在该视图中用户可以在发布网页前提前预览网页中

6、的内容，以便于修改其中的某些细节部分。,创建站点是FrontPage 2003中所有工作的前提，只有先创建好一个站点，然后才能向站点中添加网页。一、创建站点在FrontPage 2003中，用户可以使用以下3种方法创建站点：（1）使用模板创建站点。FrontPage 2003提供了大量的模板，用户可以根据需要，基于某一种模板创建站点，具体操作如下：,第二节 站点的基本操作,1）选择“文件”“新建”命令，弹出“新建”任务窗格。2）在该任务窗格中的“新建网站”选项区中选择“其他网站模板”选项，弹出“网站模板”对话框。3）在“常规”选项卡中选择一个模板，并在右侧的网站位置下拉列表框中输入网站的位置后

7、，单击“确定”按钮，将以网页的形式打开模板文件。,（2）使用向导创建站点。FrontPage 2003提供了站点向导，用户也可以在向导的指导下创建站点，具体操作如下：1）选择“文件”“新建”命令，弹出“新建”任务窗格。2）在该任务窗格中的“新建网站”选项区中选择“由一个网页组成的网站”选项，弹出“网站模板”对话框。3）在“常规”选项卡中选择某个向导，并在右侧的网站位置下拉列表框中输入网站的位置后，单击“确定”按钮，弹出其对应的向导对话框，用户即可在向导的指导下完成站点的创建。,（3）自定义站点。如果用户已对该软件非常熟悉，也可以自定义创建站点，具体操作如下：1）选择“文件”“新建”命令，弹出“

8、新建”任务窗格。2）在该任务窗格中的“新建网站”选项区中选择“由一个网页组成的网站”选项，弹出“网站模板”对话框。3）在该对话框中选择“空白网站”选项，并在右侧的网站位置下拉列表框中输入网站的位置后，单击“确定”按钮，即可创建一个只包含两个空白文件夹private和image的站点，用户可自行创建主页及其他网页文件。,二、打开站点如果要对某个网站进行编辑修改，可先将其打开，然后再进行其他编辑操作。用户可以使用以下两种方法打开站点：（1）选择“文件”“打开网站”命令，弹出“打开网站”对话框。在该对话框中选择要打开的站点，单击“打开”按钮即可。（2）单击常用工具栏中“打开”按钮右侧的下拉按钮，在其

9、下拉菜单中选择“打开网站”命令，在弹出的“打开网站”对话框中选择要打开的站点，单击“打开”按钮即可。,三、关闭站点如果用户已完成了某个站点的编辑操作，可将其关闭。选择“文件”“关闭网站”命 令，可将当前编辑完成的站点关闭。,当用户创建好站点后，就可以根据需要，向站点中添加网页，并可以对创建的网页进行美化，使其效果更加丰富多彩。一、新建网页如果用户要在网站中创建一个新的网页，可按照以下操作步骤进行：,第三节 制作和美化网页,（1）选择“文件”“新建”命令，弹出“新建”任务窗格，如图8.3.1所示，该窗格的选项区中包括4个选项。,图8.3.1 “新建”任务窗格,1）选择“空白网页”选项，可创建一个

10、空白的网页。2）选择“文本文件”选项，可创建一个文本类型的网页。3）选择“根据现有网页”选项，可在弹出的“根据现有网页新建”对话框中选择一个网页，单击“创建”按钮，即可创建一个与选中网页风格相同的网页。4）选择“其他网页模板”选项，可在弹出的“网页模板”对话框中选择合适的选项来创建网页。 （2）选择“新建网页”选项区中的任意一个选项，即可创建相应形式的网页。,二、应用文本文本是网页中最基本的元素，它可以体现网页设计者的意图与思想。1输入文本用户可以按照以下操作步骤，在网页中输入文本：（1）打开要输入文本的网页。（2）将插入点置于网页中要输入文本的位置，用户可以像在Word中输入文本一样在网页中

11、输入文本。,2格式化文本在网页中输入完文本后，可以对其进行格式化，以使其整齐美观。格式化文本的具体操作如下：（1）选中要格式化的文本，选择“格式”“字体”命令，弹出“字体”对话框，如图8.3.2所示。,图8.3.2 “字体”对话框,（2）用户可以在“字体”选项卡中设置文本的字体、字形、大小、颜色及其他效果；在“字符间距”选项卡中设置字符的间距、间距大小及位置。除此之外，用户也可以使用格式工具栏调整文本的字体、大小、颜色、对齐方式、缩进等。,三、应用图片及图形如果网页中全部是文字，则既影响整个页面的美观性，也会使浏览者感到疲劳，因此，在网页中适当地添加图片是非常有必要的。1插入图片用户可以在网页

12、中插入剪贴画、图片、艺术字以及自选图形，根据插入图片类型的不同，FrontPage 2003有不同的处理方法。,（1）插入剪贴画。在网页中插入剪贴画的具体操作如下：1）将插入点置于网页中要插入剪贴画的位置。2）选择“插入”“图片”“剪贴画”命令，弹出“剪贴画”任务窗格。3）在该任务窗格中的剪贴画列表框中单击任意一幅剪贴画，即可将其插入到网页中。,（2）插入图片文件。在网页中插入图片文件的具体操作如下：1）将插入点置于网页中要插入图片文件的位置。2）选择“插入”“图片”“来自文件”命令，弹出“图片”对话框。3）在该对话框中选择要插入的图片文件，单击“插入”按钮，即可将其插入到网页中。,（3）插入

13、艺术字。在网页中插入艺术字的具体操作如下：1）将插入点置于网页中要插入艺术字的位置。2）选择“插入”“图片”“艺术字”命令，在弹出的“艺术字库”对话框中设置艺术字的样式。3）设置完成后，单击“确定”按钮，在弹出的“编辑艺术字文字”对话框中设置艺术字文字及其字体。4）设置完成后，单击“确定”按钮，即可在网页中插入艺术字。,（4）插入自选图形。在网页中插入自选图形的具体操作如下：1）选择“插入”“图片”“自选图形”命令，打开自选图形工具栏。2）在工具栏中单击要插入自选图形的工具按钮，在网页中要插入自选图形的位置单击并拖动鼠标，即可绘制一个自选图形。,2编辑调整图片在网页中插入图片后，因为网页有固定

14、的版面和样式，所以，还需要对其中的图片进行相应的调整，以使其能正确显示，也更加符合设计者的要求。编辑调整图片的具体操作如下：,（1）在需要调整的图片上单击鼠标右键，从弹出的快捷菜单中选择“图片属性”命令，弹出“图片属性”对话框。（2）在“外观”选项卡中设置图片的环绕样式、布局及其大小。（3）在“常规”选项卡中设置图片的名称。（4）设置完成后，单击“确定”按钮即可。除此之外，用户还可以使用图片工具栏中的工具按钮调整图片的位置、倾斜、旋转、对比度以及亮度等参数。,四、插入列表和水平线列表是FrontPage 2003中组织数据的一种结构简洁、层次清楚的形式。它会使网页中的内容重点突出、简捷有效、层

15、次分明、结构有序。水平线的使用，会将网页分隔成几部分，以增加网页的可读性与条理性。,1插入列表网页中可以使用的列表共有6种，分别是项目符号列表、编号列表、定义列表、图像列表、菜单列表和目录列表。其中最常用的是项目符号列表，下面主要介绍该列表的插入方法。,（1）将插入点置于网页中要插入项目符号的位置，在该位置输入一行文字，按回车键另起一行。（2）单击右侧的下拉按钮，在弹出的下拉列表中选择“项目符号列表”选项。（3）在列表符号后输入文字，按回车键，主编辑窗口会自动另起一行并出现一个小黑点项目符号。用户可重复上述操作，直至插入所有项目符号列表。,2插入水平线在网页中插入水平线的具体操作如下：（1）将

16、插入点置于网页中要插入水平线的位置。（2）选择“插入”“水平线”命令，即可在当前位置插入一条水平线。（3）如果要设置该水平线的属性，可用鼠标右键单击该水平线，在弹出的快捷菜单中选择“水平线属性”命令，在弹出的“水平线属性”对话框中设置水平线的大小、宽度、高度以及颜色等属性。,五、应用表格网页中表格的主要作用有两个，一个是用于存放数据，另一个是组织页面的布局。FrontPage 2003中表格的使用与Word中表格的使用非常相似，下面简单进行介绍。1创建表格网页中的表格有两种样式，一种是普通表格，另一种是布局表格，下面分别介绍这两种表格的创建方法。,（1）创建普通表格。在FrontPage 20

17、03中，用户可以使用以下两种方法创建普通表格：1）单击常用工具栏中的“插入表格”按钮，在弹出的虚线框中拖动鼠标选择表格的行数和列数。设置完成后，松开鼠标即可创建好表格。2）选择“表格”“插入”“表格”命令，即可弹出“插入表格”对话框。3）在“大小”选项区中的行数和列数微调框中输入行、列的数值，单击“确定”按钮，即可创建一个具有相应行、列数的表格。,（2）创建布局表格。布局表格用于控制网页的布局，在网页中创建布局表格的具体操作如下：1）选择“表格”“布局表格和单元格”命令，弹出“布局表格和单元格”任务窗格，如图8.3.3所示。2）选择“插入布局表格”选项，即可在网页中插入一个450450大小的布

18、局表格，用户可自行调整表格的布局及行、列数。3）用户也可以直接在“表格布局”列表框中选择系统预设好的布局来创建布局表格。如图8.3.4所示即为一个布局表格。,图8.3.3 “布局表格和单元格”任务窗格 图8.3.4 创建的布局表格,2设置表格的属性因为普通表格和布局表格的属性不同，所以必须要使用不同的方法设置其属性，下面分别介绍这两种表格属性的设置方法。（1）设置普通表格的属性。用户可按照以下操作步骤设置普通表格的属性：1）将鼠标光标置于普通表格中，选择“表格”“表格属性”“表格”命令，弹出“表格属性”对话框。2）用户可在该对话框中对表格的大小、布局、边框及背景等内容进行设置。3）设置好相关参

19、数后，单击“确定”按钮即可。,（2）设置布局表格的属性。用户可按照以下操作步骤来设置布局表格的属性：1）将鼠标光标置于布局表格中。2）在“布局表格和单元格”任务窗格中的“表格属性”选项区中可以设置表格的大小及对齐方式等属性。 3编辑调整表格因为两种表格的样式不同，所以其编辑调整方法也有所不同，下面分别进行介绍。,（1）编辑调整普通表格。编辑调整普通表格的具体操作如下：1）选择“表格”“插入”“行或列”命令，在弹出的“插入行或列”对话框中插入特定的行或列。2）选择“表格”“删除行”或“删除列”命令，将选中的行或列删除。3）用选择“表格”“合并单元格”命令，将选中的几个单元格合并为一个单元格。4）

20、选择“表格”“拆分单元格”命令，在弹出的“拆分单元格”对话框中设置参数，将一个单元格拆分为多个单元格。,（2）编辑调整布局表格。编辑调整布局表格的具体操作如下：1）用鼠标单击布局表格中的某个单元格，即可将其选中，此时，该单元格四周显示出8个调节点。2）单击并拖动调节点，即可调整单元格的大小。相应地，表格的大小也被改变了。六、建立超链接超链接是网页的核心，如果没有超链接，网页将失去意义。网页中的超链接有两种，一种是文本超链接，另一种是图像超链接。,1文本超链接在网页中创建文本超链接的具体操作如下：（1）在网页中输入或选择要创建超链接的文字。（2）单击鼠标右键，从弹出的快捷菜单中选择“超链接”命令

21、，弹出“插入超链接”对话框。（3）在“链接到”选项区中选择链接的地址，在“查找范转”下拉列表框中选择链接的选项。（4）设置完成后，单击“确定”按钮即可。添加超链接的文本下带有下画线，表示该文本带有超链接。,2图像超链接在网页中创建图像超链接的具体操作如下：（1）选中网页中的一个图片作为链接对象。（2）单击鼠标右键，从弹出的快捷菜单中选择“图片属性”命令，弹出“图片属性”对话框。（3）在“常规”选项卡中的“默认超链接”选项区中的“位置”文本框中输入图片超链接的链接地址，单击“确定”按钮即可。,3图像热区所谓图像热区，是指图像中的某个超链接区域，在该区域单击，即可链接到其他网页或图片中。在图像中创

22、建热区的具体操作如下：,（1）选中网页中要添加热区的图片。（2）在图片工具栏中单击“热点”按钮，可供选择的热点按钮有“长方形热点”按钮、“圆形热点”按钮、“多边形热点”按钮。（3）用鼠标在图片上单击并拖动创建热区，释放鼠标后，弹出“插入超链接”对话框。（4）在该对话框中设置链接的地址及对象，单击“确定”按钮即可。,七、主题主题是一组统一的设计元素和配色方案，使用主题可以使网页具有统一的外观。FrontPage 2003中包含有多个预设的主题，用户可以在制作网页时直接使用系统预设的主题，也可以根据需要，对原有的主题进行调整以创建新的主题。,1应用主题为网页应用主题的具体操作如下：（1）选择“格式

23、”“主题”命令，弹出“主题”任务窗格。（2）在该窗格中单击某个主题，即可将其应用到当前网页中。2调整主题如果用户对当前的主题不太满意，还可以对其进行调整，具体操作如下：（1）在主题列表框中选中要编辑的主题，单击其右侧的下拉按钮，在弹出的下拉菜单中选择“自定义”命令，弹出“自定义主题”对话框。,（2）单击“颜色”按钮，打开“配色方案”选项卡，用户可在该选项卡中设置主题的颜色。（3）单击“图形”按钮，打开“图片”选项卡。单击“浏览”按钮，弹出“打开文件”对话框，用户可在该对话框中选择一幅图片作为背景图片。,（4）单击“文本”按钮，弹出“字体”列表框，用户可在该列表框中设置主题中的文本的样式。（5）

24、设置完成后，单击“确定”按钮即可返回至“自定义主题”对话框。（6）设置好所有参数后，单击“另存为”按钮，可为该主题另起一个名称保存。单击“确定”按钮，即可将更改后的主题应用于当前网页中。,框架网页是一种特殊的HTML网页，它可以将浏览窗口分成不同的区域，每个区域都可以显示不同的网页。用户既可以直接使用FrontPage 2003中提供的框架网页模板，也可以自己自定义创建框架网页。,第四节 框架网页,一、创建框架网页在FrontPage 2003中创建框架网页的具体操作如下：（1）选择“文件”“新建”命令，弹出“新建”任务窗格。（2）在该窗格中的“新建网页”选项区中选择“其他网页模板”选项，弹出

25、“网页模板”对话框。（3）单击“框架网页”标签，打开“框架网页”选项卡。（4）在该选项卡中选择要使用的框架网页模板，单击“确定”按钮，即可创建一个框架网页。,通过框架网页模板创建的框架网页的每一个框架窗口中均有“设置初始网页”按钮和“新建网页”按钮。单击“设置初始网页”按钮，可在框架中显示某个已编辑好的网页文件；单击“新建网页”按钮，则可在相应的框架区域出现一个空白区域，用户可在该区域输入该框架网页的内容。二、制作框架网页的内容新创建的框架网页中没有内容，用户可按照以下的操作步骤，制作框架网页的内容：,（1）在框架网页窗口中选中要编辑的框架，在该框架区域的任意位置单击鼠标右键，从弹出的快捷菜单

26、中选择“在新窗口中打开网页”命令，此时该框架中的网页即出现在一个新的窗口中。（2）用户可以像编辑普通网页那样，对该网页进行编辑。（3）重复上述操作，编辑框架网页中的其他框架。（4）返回至刚开始新建的框架网页，此时框架网页的内容已自动被更新。,三、设置框架网页的属性创建框架网页后，可能对所建立的网页结构不太满意，需要修改框架结构，这就需要拆分框架或删除框架；或者每个框架的大小与预先估计的不太相符，需要调整各个框架的大小比例，这就需要用户对框架网页的属性进行设置，其具体操作如下：,（1）用鼠标右键单击网页中的框架，在弹出的快捷菜单中选择“框架属性”命令，弹出“框架属性”对话框。（2）用户可在该对话

27、框中设置框架的名称、框架的初始网页、框架的大小、框架的边距等参数。（3）如果用户要设置框架网页的边框和间距，可用鼠标右键单击网页中的框架，在弹出的快捷菜单中选择“网页属性”命令，弹出“网页属性”对话框。单击“高级”标签，打开“高级”选项卡，用户可在该选项卡中设置框架网页的边框。单击“框架”标签，打开“框架”选项卡，用户可在该选项卡中设置框架网页的间距。,四、编辑框架网页所谓编辑框架网页，是指对框架网页进行拆分、删除等操作，下面分别介绍这两种操作。1拆分框架拆分框架就是对已创建的框架网页进行拆分，以将其变成更小的框架。拆分框架有两种方式，一种是行拆分，即将一个框架一次拆分成两行；另一种是列拆分，

28、即将一个框架一次拆分成两列。用户可根据实际需要，将框架拆分成各种结构，具体操作如下：,（1）将鼠标光标定位于框架网页中，选择“框架”“拆分框架”命令，弹出“拆分框架”对话框。（2）在该对话框中选择一种合适的拆分方式，单击“确定”按钮，即可将鼠标光标所在框架窗口拆分成两行或两列。,2删除框架删除框架就是删除已创建的框架网页中的某个框架窗口，以使该框架网页符合用户的要求。删除框架网页的具体操作如下：（1）将鼠标光标定位于框架网页中要删除的框架窗口中。（2）选择“框架”“删除框架”命令，即可将该窗口删除。,表单是实现网络交互的重要手段，网络浏览者在表单域中输入各种信息，并通过提交操作，可以将各表单域

29、中的输入信息传回服务器端相应的处理程序进行处理，以达到与用户的交互式操作。组件的本质是一个增强功能的“可视化”插入程序，对于设计者来说，不需要了解它的源代码，只需要简单地使用菜单操作，在对话框中设置必要的参数值就可以达到目的。,第五节 表单和组件的使用,一、表单的基本元素表单的基本元素包括文本框、文本区、下拉列表框、单选按钮、复选框、标签及高级按钮，下面具体介绍它们的功能。（1）文本框。文本框在外形上是一个单行的长条形空白区域，用鼠标单击即可激活文本框，此时，即可在文本框中输入姓名、地址或电话号码等内容较少的单行信息。（2）文本区。文本区是表单元素中一次能输入信息量最大的元素，在文本区中可以输

30、入多行文字，当文本区中的内容较多时，可通过拖动文本区右侧的滚动条查看文本。,（3）下拉列表框。下拉列表框由一个单行的空白区域和一个下拉按钮组成。单击下拉按钮时，会出现一个下拉列表，列表中会显示列表框的所有项目。单击下拉列表中的某项，该项便会自动出现在下拉列表框的显示框中，表示此项已被选中。（4）单选按钮。单选按钮在正常情况下只有一个按钮处于选中状态，它通常用在一个选项区中有多个选项，但这些选项同时只能选中一项而且必须选中一项的情况。,（5）复选框。复选框是指在表单网页中预先定义好的若干项目，访问者可同时从其中选择多个项目。（6）标签。标签是用于表明项目的文字，它的作用主要是提示用户在哪里输入信

31、息。通常情况下，标签必须和单行文本一起使用，在网页中可以直接输入文本代替标签。,（7）高级按钮。高级按钮包括3种类型的按钮，分别是提交按钮、重置按钮和高级按钮。提交按钮主要用于在完成表单操作时将表单结果传输到服务器，由表单结果处理器进行相应的处理；重置按钮可以在访问者输入错误时，清除表单中的内容而重新输入表单内容；高级按钮可以让用户自己定义单击该按钮时的动作。,二、创建表单在FrontPage 2003中，用户可以直接在网页中加入多个表单域来创建表单，也可以使用表单网页向导来创建表单。1通过表单域创建表单使用表单域创建表单时，用户可选择“插入”“表单”命令，在表单下拉菜单中选择要使用的表单域，

32、即可创建一个该类型的表单。创建好表单后，再对表单进行相应的设置即可。,2使用表单网页向导创建表单使用表单网页向导可以使用户在不了解表单的情况下，创建出非常专业的表单，具体操作如下：（1）选择“文件”“新建”命令，弹出“新建”任务窗格。（2）在“新建网页”选项区中选择“其他网页模板”选项，弹出“网页模板”对话框。（3）在“常规”选项卡中选择“表单网页向导”选项，单击“确定”按钮，弹出“表单网页向导”对话框，用户可在向导的指导下完成表单的创建工作。,三、组件的类型组件是为完成某一功能而设计的特殊部件，它形象直观且富有吸引力。FrontPage 2003中组件的种类繁多，包括注释、替换、包含页、预定

33、图片、预定包含页、目录、确认域、搜索表单、Office组件、悬停按钮、横幅广告管理器、滚动字幕、网站计数器等。下面简单介绍一些常用组件的功能。,（1）日期时间戳：它的作用是提示浏览者当前网页的最新更新时间。（2）注释：注释主要是便于网页编辑设计人员查看HTML源代码，只起到附加说明或提示的作用，浏览者浏览网页时在Web浏览器中是看不见注释的。（3）替换：替换是指将某个特定的数字和字符串用一个固定的符号来代替。,（4）HTML语句：将一段HTML源代码以组件的形式加入到网页中，以简化编辑工作，提高开发效率。（5）包含页：当某个网页包含另一个网页时，将被包含的网页称为包含页。在编写大量部分内容相同

34、的网页时，使用包含页可以大大简化网页编写工作。（6）目录：FrontPage 2003可以根据Web站点的导航结构或分配给网页的类别，来创建自动生成的目录。基于导航结构的目录也可以包含导航结构中没有的超链接的网页。,（7）图片库：图片库是包含以一定布局排列的图形集的Web页，FrontPage 2003提供了4种不同的布局用来排列图片。（8）附加组件：附加组件一般是一个软件功能扩展的载体。（9）高级组件：高级组件除了一般附加组件，还可以加入一些高级组件来扩展自身的功能。,四、插入Web组件常用的Web组件包括滚动字幕、交互式按钮和计数器，下面简单介绍在网页中插入这几种组件的方法。1插入滚动字幕

35、滚动字幕是网页中较常用的一种动态组件，常用来制作欢迎字幕，在网页中插入滚动字幕的具体操作如下：,（1）将光标置于网页中要创建滚动字幕的位置，选择“插入”“Web组件”命令，弹出“Web组件”对话框。（2）在“组件类型”列表框中选择“动态效果”选项，在“选择一种效果”列表框中选择“字幕”选项，单击“完成”按钮，弹出“字幕属性”对话框。（3）在该对话框中设置字幕的内容、方向、速度、表现方式、大小及背景色，设置完成后，单击“确定”按钮即可。,2插入交互式按钮所谓交互式按钮，指可通过为该按钮创建超链接，即可通过该按钮达到与浏览者交互的目的。添加交互式按钮的具体操作如下：（1）将光标置于网页中要插入交互

36、式按钮的位置。（2）选择“插入”“交互式按钮”命令，弹出“交互式按钮”对话框。（3）在该对话框中选择按钮的外观、输入按钮上的文字及链接地址。设置好相关参数后，单击按钮即可。,3插入计数器网页中的计数器可以显示站点访问者的数量，该计数器会根据访问者的数量自动进行更新。在网页中插入计数器的具体操作如下：,（1）将光标置于网页中要插入计数器的位置。（2）选择命令，弹出“Web组件”对话框。（3）在列表框中选择“计数器”选项，在列表框中选择计数器样式。单击按钮，弹出“计数器属性”对话框。（4）选中复选框，在其右侧的文本框中输入计数器的初始值，默认为0；选中复选框，在其右侧的文本框中设置计数器显示的数字

37、位数。（5）设置完成后，单击“确定”按钮即可。,创建的站点和网页只有在发布之后才能实现它的真正价值。发布站点，通常是指将组成Web站点的全部文件复制到某个特殊目标。在发布站点前，用户应检查网页的外观是否已达到预期的效果，在Web浏览器中预览Web站点并在站点中导航，在报表视图中复查文件的状态。当用户检查站点或网页达到预期效果后，就可以将其发布到Internet上，供浏览者观看。发布站点的具体操作如下：,第六节 发布站点,（1）选择“文件”“发布网站”命令，弹出“远程网站属性”对话框。（2）在“远程Web服务器类型”选项区中选中“文件系统”单选按钮，然后在“远程网站位置”文本框中输入一个本地计算

38、机中的具体路径作为远程网站。,（3）单击“确定”按钮，系统会提示用户是否建立站点，单击“是”按钮即可。此时，FrontPage 2003会自动切换到远程网站视图中。（4）单击“发布网站”按钮，要发布站点中的所有文件和文件夹将会被自动复制到远程网站中发布。用户可在发布好的“远程网站”视图中查看发布日志文件及远程网站中的内容。,用户可以使用FrontPage 2003制作出各种不同样式、不同风格的网页。在制作网页的过程中，可以使用菜单命令在网页中插入不同的内容来丰富网页效果。应用本章所学知识制作论坛首页，效果如图8.7.1所示。,第七节 应用实例论坛首页,图8.7.1 效果图,（1）启动Front

39、Page 2003，选择“文件”“新建”命令，弹出“新建”任务窗格，如图8.7.2所示。,图8.7.2 “新建”任务窗格,（2）在“新建网站”选项区中选择“由一个网页组成的网站”选项，弹出“网站模板”对话框，如图8.7.3所示。,图8.7.3 “网站模板”对话框,（3）在“指定新网站的位置”下拉列表框中选择新网站的位置，设置好后，单击“确定”按钮，即可创建一个只包含一个网页的网站，如图8.7.4所示。,图8.7.4 创建的网站,（4）双击，即可打开新建的空白网页。选择“表格”“布局表格和单元格”命令，弹出“布局表格和单元格”任务窗格，如图8.7.5所示。,图8.7.5 “布局表格和单元格”任务

40、窗格,（5）单击“绘制布局表格”按钮，此时，鼠标指针将会变成“铅笔”形状，用户可使用它绘制表格。表格绘制完成后，可单击“绘制布局表格单元格”按钮在表格内绘制单元格，如图8.7.6所示即为绘制的表格及单元格。,图8.7.6 绘制的表格及单元格,（6）选中表格中的第一个单元格，选择“插入”“图片”“来自文件”命令，弹出“图片”对话框。在该对话框中选择一张图片，单击“插入”按钮，即可将其插入到表格中，如图8.7.7所示。,图8.7.7 插入图片,（7）重复步骤（6）的操作，在表格的其他单元格中插入图片，效果如图8.7.8所示。,图8.7.8 在表格中插入图片,（8）将光标置于网页中央表格中的第一个单元格中，在其中输入文字“进入论坛”，并为文字设置合适的字体、大小