《计算机运应用基础》-计算机基础第八章

8.1FrontPage2003概述FrontPage2003是Microsoft公司在2003年3月发布的，当前广为流行的网页设计工具之一。FrontPage的网页编辑功能十分强大，它可以非常简单而A直观地实现HTML语言几乎所有的功能。它还具有强大的网页管理功能，是Web站点发布管理的强有力的工具，可以方便地进行文件夹管理、报表管理、导航管理、超链接管理和任务管理等多项管理功能。

FrontPage是一个“所见即所得”的网站编辑器，它具备用户所击要的创建和导航WWW站点的全部内容，即使没多少编程经验，一点HTML语言都不会，也能够很容易地制作出比较出色的网页。下一页返回8.1FrontPage2003概述8.1.1FrontPage2003的功能特点和以前的版本相比，FrontPage2003增加了以下新功能。1.自定义浏览器分辨率预览检查2.描摹图像3.层功能4.插入交互式按钮5.行为的应用6.使用网页重定向7.检查网页错误8.优化HTML代码9.规划页面布局上一页下一页返回8.1FrontPage2003概述8.1.2启动与退出FrontPage20031.启动

FrontPage是功能强大而又易于使用的网页编辑器，它完全实现了“所见即所得“的工作方式。安装了FrontPage2003后，执行“开始”菜单-“所有程序”-MicrosoftOffice”MicrosoftFrontPage2003”命令，即可启动FrontPage2003。2.退出

FrontPage2003的退出有以下3种方式。

(1)单击操作窗口中右上角的“关闭”按钮。

(2)选择“文件”-“退出”命令。(3)按Alt+F4快捷键退出。上一页下一页返回8.1FrontPage2003概述8.1.3FrontPage2003的工作界面启动FrontPage2003进入FrontPage2003的工作界面，如图8-1所示。

1.菜单栏菜单栏包括“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“数据”、“框架”、“窗口”和“帮助”等11个菜单，为用户和学习者提供了比原先版本更加完善的网页编辑和网站管理功能。

2.常用工具栏以按钮形式提供了与菜单中命令相同的一些常用的网页编辑功能，通过单击“视图”菜单一“工具栏”上的相关选项卡，可以显示或隐藏相关的工具栏。上一页下一页返回8.1FrontPage2003概述

3.格式工具栏格式工具栏汇集了网页编辑中大部分的格式化工具。

4.工作区工作区也就是主编辑区，是用户使用最多的区域，在不同的视图方式下显示不同的内容。在制作与编辑网页的时候，在工作区的左下方排列着4个切换按钮用于选择编辑网页的显示方式，它们分别是“设计”、“拆分”、“代码”和“预览”。

5.状态栏状态栏包括提示区、状态显示、下载时间、大小写切换和数字切换等。上一页下一页返回8.1FrontPage2003概述8.1.4FrontPage2003的视图模式

FrontPage2003提供了简单而强大的网站管理方案。在FrontPage2003中，可以通过文件夹视图、远程网站视图、报表视图、导航视图、超链接视图、任务视图等功能来实现对网站的管理。

1.文件夹视图通过列表的形式将当前站点的文件夹、网页列出，并且提供了网页文件的“名称”、“标题”、“大小”、“类型”、“修改日期”、“修改者”、“注释”等信息，可以清晰地显示网站的组织结构，大大方便网页的制作。选择“视图”-“文件夹”命令，即可进入文件夹视图，如图8-2所示。

2.远程网站视图上一页下一页返回8.1FrontPage2003概述远程网站视图主要用于网站的发布。选择“视图”一“远程网站”命令，即可进入远程网站视图。

3.报表视图报表视图给出了当前网站的信息统计数。在默认的状态下，报表视图显示的信息是“所有文件”、“图片”、“未链接的文件”、“链接的文件”等内容。当然，也可以通过报表视图左上角的下拉菜单来选择其他项目。选择“视图”一“报表”一“网站摘要”命令，即可进入报表视图，如图8-3所示。

4.导航视图导航视图显示的是站点页面间关系的树形目录。选择“视图”一“导航”命令，即可进入导航视图，如图8-4所示。上一页下一页返回8.1FrontPage2003概述

5.超链接视图超链接视图可以将网页与网页之间的链接关系形象地表小出来。选择“视图”一“超链接”命令，即可进入超链接视图，如图8-5所示。

6.任务视图在任务视图中可以添加新的任务，通过任务视图对这些任务进行监控，可以了解设计网站时的进度。任务视图在设计和管理比较大型的网站时都会使用到。选择“视图”一“任务”命令，即可进入任务视图，如图8-6所示。上一页返回8.2网站的基本操作用超文本标记语言HTML编写的文档称为网页，扩展名为htm或html。通过超链接连接起来的、在逻辑上是一个整体的一组网页称为网站(也称为Web站点)。8.2.1创建网站

FrontPage2003采用了多元化的方案方便用户创建站点。用户可以分别通过模板和向导来建立站点，也可以抛开模板和向导，创建具有个人风格的站点。

1.使用模板创建站点在FrontPage2003中，如果不知道如何开始建立自己的站点，或者希望得到一个现有完备站点的布局时，就可以使用它的模板功能来创建站点。下一页返回8.2网站的基本操作模板是一组预先设计好的文本和图形格式的集合，可以基于这些内容创建新的网页和网站。使用模板创建网页或网站之后，可以自定义该网页或网站的具体内容。

FrontPage2003内嵌了6种创建网站的模板。

(1)空白网站:创建一个空白的站点后，可以自由地定义网站中页面的数量、文件的位置，并可自由地规划页面布局。

(2)只有一个网页的网站:这是最简单的站点，只包含了一个页面。可以在页面上添加文字、声音、图片、动画等网页元素。

(3)个人网站:通过该模板，可以快速地制作个人网站。

(4)项目网站:适用于多人合作开发的网站项目，可使用该模板创建一个项目站点，用于及时跟踪项目的进展。可以在其中存放项目报告、计划列表、技术档案和交流论坛等。上一页下一页返回8.2网站的基本操作

(5)客户支持网站:该模板是专门为软件公司设计的，能够满足不同的商务需求。

(6)基于工作组的ShaaePointWeb网站:使用基于工作组的SharePointWeb网站可以让处于不同环境和地域中的网站制作和维护人员的工作防调一致，此时的站点具有同步作用。

【例8-1]下面以创建一个“个人网站”的例了介绍使用模板建立站点的步骤。

(1)选择“文件”一“新建”命令，在FrontPage2003的右侧打开“新建网站”任务窗格，如图8-7所示。

(2)在任务窗格中点击“其他网站模板”按钮，会弹出“网站模板”对话框。如图8-8所示。上一页下一页返回8.2网站的基本操作

(3)在弹出的“网站模板”对话框中，选择“个人网站”选项，在窗口右侧的“指定新网站的位置”的下拉列表框中，可以直接输入网站所存放的目录和名称，或者是单击“浏览”按钮，进行目录的选择。(4)设置完成后，单击“确定”按钮完成网站的创建。这样创建的个人网站只不过是一个站点的框架，单面的内容还需要充实和完善。另外使用不同网站模板制作出来的站点框架是有差异的，可以尝试使用其他模板来创建站点。

2.使用站点向导创建网站在FrontPage2003中创建复杂的网站之前，需要了解网页的类型、选项等各方面的信息，此时可以通过“站点向导”来创建网站。在FrontPage2003中通过选择使用上一页下一页返回8.2网站的基本操作“站点向导”建立网页后，在操作过程中向导会提出一些问题，可通过一步步的回答来逐渐完成站点的创建。

FrontPage2003提供了4种类型的向导。

(1)公司展示向导:创建由图形组成的Web站点。

(2)导入网站向导:可在创建新站点的同时，导入本地计算机制定目录或远程文件系统的文件，可以在新的网页内使用添加现有的资源。

(3)讨论网站向导:将站点与数据库文件联系起来，通过网页可对数据库进行添加、修改、删除等操作。

【例8-2】下面以创建“公司展示向导”为例描述一下使用站点向导建立新网站的步骤。

(1)选择“文件”一“新建”命令，在FrontPage上一页下一页返回8.2网站的基本操作2003的右侧打开“新建网站”任务窗格，如图8-7所示。

(2)在任务窗格中点击“其他网站模板”，会弹出如图8-8所示的对话框。

(3)在弹出的对话框中，选择“公司展示向导”选项，在窗口右侧的“指定新网站的位置”的下拉列表框中，可以直接输入网站所存放的目录和名称，或者是单击“浏览”按钮，进行目录的选择。

(4)单击“确定”按钮后，在接下来弹出来的一系列对话框中根据需要进行设置，完成了这些问答后，弹出“公司网站建立向导”对话框，单击“完成”按钮，这时通过公司展示向导就成功创建了一个网站。如图8-9所示。上一页下一页返回8.2网站的基本操作8.2.2网站的基本操作

1.打开网站在FrontPage2003中选择“文件”一“打开网站”命令，将弹出“打开网站，，对话框。确定站点所在位置后，单击“打开”按钮，即可打开己有的站点。

2.导入站点为了在当前站点内引用其他文件或者文件夹，FrontPage2003提供了导入操作。导入的内容可以是站点、文件、文件夹。具体操作步骤如下。

(1)选择“文件”一“导入”命令，弹出“导入”对话框，如图8-10所示。上一页下一页返回8.2网站的基本操作

(2)要导入网页文件，单击“添加文件”按钮，在弹出的“将文件添加到导入列表”对话框中选择需要导入的文件，然后单击“打开”按钮。

(3)要导入文件夹，单击“添加文件夹”按钮，在弹出的“打开”对话框中找到目标文件夹，然后单击“打开”按钮。

(4)要从站点导入文件或文件夹，单击“来自网站”按钮，然后按“导入网站向导”中提示的步骤进行操作。3.删除网站对于一些不需要的站点，可以将它们删除，以节约更多的空间。但由于删除一个站点是永久性的，不可恢复的，所以在操作前需要谨慎考虑。删除一个站点的操作步骤如下。上一页下一页返回8.2网站的基本操作

(1)选择需要删除的站点，选择“编辑”-“删除”命令。

(2)在弹出的“确认删除”对话框中，用户可以选中“删除整个网站”单选按钮或者选中“只删除此网站中的FrontPage信息，保留所有的其他文件和文件夹”单选按钮。选定后再单击“确定”按钮即可，如图8-11所示。4.修改网站名称如果需要修改网站文件夹的名称，选择“工具”-“网站设置”命令。在“网站设置”对话框的“常规”选项卡中的“网站名称”文本框中输入新的名称，如图8-12所示。

5.关闭网站当用户结束对站点的编辑时，就可以将其关闭，以节省内存空间。关闭站点时，只须选择“文件”-“关闭网站”命令即可上一页返回8.3网页的创建与编辑8.3.1网页的基本操作

1.创建网页

(1)新建空白网页

1)选择“文件”-“新建”命令，在FrontPage2003的右侧打开“新建”任务窗格。

2)在任务窗格中单击“空白网页”按钮，如图8-13所示，创建空白网页。

(2)使用模板创建网页

1)选择“文件”一“新建”命令，在FrontPage2003的右侧打开“新建”任务窗格。2)在任务窗格中单击“其他网页模板”按钮。下一页返回8.3网页的创建与编辑3)在弹出的“网页模板”对话框中，选定需要使用的网页模板，此时在“预览”选项区域中会显示该模板的缩略图，如图8-14所示。

2.保存网页要在FrontPage2003中保存一个网页，可以单击工具栏中的“保存”按钮，或者选择“文件”-“保存”命令。另外也可以通过选择“文件”-“另存为”命令，在弹出的“另存为”对话框中，如图8-15所示，可以在“保存位置”下拉列表框中选择网页保存的位置和在“文件名”文本框中修改文件名，设置完毕后，单击“保存”按钮即可。3.打开网页如果网页在当前站点中，可以在任何视图中双击网页的图标上一页下一页返回8.3网页的创建与编辑或文件名来打开网页。选择“文件”一“打开”命令，在弹出的“打开文件”对话框中选择要打开的网页文件，然后单击“打开”按钮即可。4.关闭网页要关闭网页，只需要单击窗口上的“关闭”按钮，或是将鼠标移动到网页名称处右击，在弹出的快捷菜单中选择“关闭”命令即可。8.3.2编辑网页

1.设置网页标题网页标题是指显示在浏览器标题栏中的文本。更改网页标题有两种方法:上一页下一页返回8.3网页的创建与编辑(1)选择“文件”一“属性”命令，弹出“网页属性”对话框，如图8-16所示。在“常规”选项卡中的“标题”文本框中，输入要更改的标题，然后单击“确定”按钮即可。

(2)选择“文件”一“另存为”命令，弹出“网页属性”对话框单击“更改标题”按钮，如图8-17所示。会弹出“设置网页标题”对话框，如图8-18所示。在“网页标题”文本框中输入要更改的标题，然后单击“确定”按钮即可。

2.输入文本文字既是网页的主体，同时又是网页的灵魂。网页中的文本，能十分明确地说明网页的用途，使浏览者通过阅读文字就能了解该网页的内容。当用户新建或打开一个网页后，网页的左上角会显示插入点，用户可在该位置处开始输入文本。在FrontPage上一页下一页返回8.3网页的创建与编辑2003中输入文本与在Word中输入文本的方法相同，用户可按照前面章节介绍的输入文本的方法在网页中输入文本。8.3.3设置文木的格式

1.使用“格式”工具栏设置选定要修饰的文字，在“格式”工具栏中可以对所选定的文字进行修饰。“格式”工具栏中的按钮功能依次是:样式、字体、字号、加粗、斜体、下划线、左对齐、居中、右对齐、两端对齐、增大字号、减小字号、编号、项目符号、减少缩进量、增加缩进量、外侧框线、突出显示颜色和字体颜色，如图8-19所示。

2.使用格式对话框设置选择“格式”-“字体”命令，可以弹出“字体”对话框，上一页下一页返回8.3网页的创建与编辑对文字进行进一步的修饰。在“字体”对话框中同样可以设置文字的字体、字形、大小及颜色，但与格式工具栏相比，不同的是在“字体”对话框中可以设置文字的效果，如闪烁、强调、下划线、删除线等。可以单击其中任意一种效果，然后在“预览”选项区域中查看效果。另外，在“字体”对话框的“字符”间距选项卡中，可以实现字符间距的调整。8.3.4插入列表列表是用于组织数据的一种比较好的工具。列表的特点是重点突出、简洁有效、层次分明、结构有序。在FrontPage中列表共有6种，分别是项目符号列表、编号列表、定义列表、菜单列表、目录列表和图像列表。下面介绍最常用的项目符号列表和编号列表。上一页下一页返回8.3网页的创建与编辑

1.创建项目符号将光标定位在需要创建列表的位置，单击“格式”工具栏中的“项目符号”按钮，就会自动在光标所在位置插入一个项目符号。在项目符号后面输入内容，按Enter键换行，系统会在下一行又自动添加一个项目符号。在默认状态下，项目符号的标志是一个实心的圆。如果对这个标志不满意，就可以对它进行修改。具体操作步骤如下。

(1)选择己创建的项目列表内容。

(2)选择“格式”一“项目符号和编号”命令。

(3)在弹出的“项目符号和编号方式”对话框中，切换至“无格式项目列表”选项卡，如图8-20所示。在对话框中选择所需要的项目符号样式，然后单击“确定”按钮即可。上一页下一页返回8.3网页的创建与编辑

2.创建编号创建编号列表能够显示连续的列表项目。创建编号列表和创建项目符号列表的方法类似只是将符号项目替换为数字编号。将光标定位在需要创建编号列表的位置，单击“格式”工具栏中的“编号”按钮，程序就会自动在光标所在位置插入一个编号，在编号后面输入内容，按Enter键换行，在新的一行又出现新的编号。编号有多种样式可以选择。将光标放在列表内任意位置，选择“格式”一“项目符号和编号”命令，在弹出的“项目符号和编号方式”对话框中，切换至“编号”选项卡，如图8-21所示，在对话框中选择所需要的项目符号样式，然后单击“确定”按钮即可。上一页下一页返回8.3网页的创建与编辑8.3.5插入水平线在网页适当的位置插入水平线，可以使页面的内容层次分明。插入水平线的具体操作步骤如下。

(1)将光标放在需要插入水平线的位置。

(2)选择“插入”一“水平线”命令，这样在光标所在的位置就插入了一条水平线。

(3)双击这条水平线，就可以弹出“水平线属性”对话框，如图8-22所示，在对话框中可以设置该水平线的宽度、高度、对齐方式和颜色。上一页返回8.4网页图片的基本操作在网页制作过程中使用图片，目的是美化页面，通过图片展示页面所具有的个性，可以更好地吸引浏览者。8.4.1插入图片在FrontPage2003中可插入本地计算机上的图片文件，也可插入FrontPage2003剪贴库中的图片和艺术字。

1.插入图片文件

(1)将光标放在需要插入图片的位置。

(2)单击工具栏上的“插入文件中图片”按钮，或者选择“插入”-“图片”-“来自文件”命令。

(3)在弹出的“图片”对话框中的“查找范围”下拉列表中选择所要插入图片的路径，然后在文件列表区选择要插入的图片，如图8-23所示。下一页返回8.4网页图片的基本操作(4)单击“插入”按钮即可。2.插入剪贴画

(1)将光标放在需要插入剪贴画的位置。

(2)选择“插入”-“图片”-“剪贴画”命令。

(3)在打开的“剪贴画”任务窗格中，单击“管理剪辑”按钮。

(4)如果第一次使用这个功能，将会弹出“将剪辑添加到管理器”对话框，如图8-24所示。单击“以后”按钮即可。(5)在“剪贴管理器”对话框中单击“Office收藏集”前的加号，展开“Office收藏集”中的所有剪贴画类别，选择所需要的类别后，右侧窗口就会显示此类别下的所有剪贴画。单击需要的剪贴画，在弹出的菜单中选择“复制”命令，上一页下一页返回8.4网页图片的基本操作然后切换到网页编辑窗口中，右击，在弹出的菜单中选择“粘贴”命令即可。

3.插入艺术字在FrontPage2003中，还允许插入艺术字，具体步骤如下。

(1)选择“插入”一“图片”一“艺术字”命令，弹出“艺术字库”对话框。

(2)在“艺术字库”对话框中选择一种艺术字样式后单击“确定”按钮，会弹出“编辑‘艺术字’文字”对话框。

(3)在对话框中选择所需字体和字号，输入所需文字，单击“确定”按钮即可。上一页下一页返回8.4网页图片的基本操作8.4.2编辑图片在网页中，单击一幅图片，选择“视图”一“工具栏”一“图片”命令，弹出“图片”工具栏。如图8-25所示。在FrontPage2003中，可以通过“图片”工具栏对图像进行修饰。“图片”工具栏的主要功能有:为图片添加文字，自动创建缩略图，旋转、翻转、裁剪图片，改变图片的对比度及亮度等。

1.设置图片属性在图片上右击，在弹出的快捷菜单中选择“图片属性”命令，弹出“图片属性”对话框，如图8-26所示。切换至“外观”选项卡，可以设置图像的环绕样式、布局、大小等。

2.在图片上添加文本上一页下一页返回8.4网页图片的基本操作单击“图片”工具栏上的“文本”按钮，在图片内会出现一个文本框，拖动文本框，移动到合适的位置，如图8-27所示。然后在文本框中输入文字，输入完成后在文本框外单击鼠标即可。

3.设置自动缩略图缩略图是指把原图按照比例缩小，作为原图的一个预览图，当网络速度慢的时候，可以快速地显示图片的预览图，可以根据这个预览图来选择是否要观看原图。在FrontPage2003中制作缩略图的步骤如下。

(1)单击“图片”工具栏上的“自动缩略图”按钮，生成一张缩略图，并且自动的建立一个超链接从缩略图指向原图(己经添加过超链接的图片不能制作自动缩略图，需要取消超链接后才能制作)。上一页下一页返回8.4网页图片的基本操作

(2)如果对缩略图的效果不满意，可以进行修改。选择“工具”一“网页选项”命令，弹出“网页选项”对话框，如图8-28所示。

(3)在弹出的“网页选项”对话框中，切换至“自动缩略图”选项卡。(4)在“自动缩略图”选项卡中，可以设置缩略图的大小、边框粗细和边缘凹凸效果。(5)设置完成后，单击“确定”按钮即可。上一页返回8.5表格的使用表格是网页设计中使用最频繁、最重要的元素之一，通常使用表格来排列数据、布局版面。用表格布局网页，便于网页元素的插入和编辑，提高网页的有序性、条理性和规划性。8.5.1创建表格在FrontPage2003中插入表格的方法有很多种，如使用“插入表格”按钮，“表格”菜单及“表格”工具栏等。

1.使用“插入表格”按钮创建表格

(1)将光标定位在需要插入表格的位置。

(2)单击常用工具栏的“插入表格”按钮，打开“插入表格”下拉列表框。

(3)在下拉列表框内移动鼠标，列表的下方会显示表格的行数和列数，如图8-29所示。下一页返回8.5表格的使用(4)确定完表格的行数和列数后单击即可创建一个表格。

2.使用“表格”菜单创建表格

(1)将光标定位在需要插入表格的位置。

(2)选择“表格”一“插入”一“表格”命令，弹出“插入表格”对话框，如图8-30所示。

(3)在对话框中的“大小”选项区域中设置需要插入表格的行数和列数。

(4)设置完毕后单击“确定”按钮即可。

3.使用“表格”工具栏创建表格

(1)选择“表格”一“绘制表格”命令，弹出“表格”工具栏，如图8-31所示，此时鼠标指针变成笔的形状。(2)在网页内拖动，即可绘制单元格。上一页下一页返回8.5表格的使用(3)在己有表格内水平拖动，可以在表格内添加行;垂直拖动，可以在表格内添加列。8.5.2编辑表格创建好表格之后，用户还可以对其进行编辑修改，如插入或删除行、列，拆分或合并单元格等，以使其满足实际需要。对表格进行编辑的具体操作步骤如下。

(1)将光标定位于要插入的位置，选择“表格”一“插入”一“行或列”命令，弹出“插入行或列”对话框，如图8-32所示。在该对话框中设置要插入的行数或列数，单击“确定”按钮即可。

(2)选中要删除的行或列，选择“表格”一“删除行”或“删除列”命令，即可将选中的行或列删除。上一页下一页返回8.5表格的使用

(3)选中要合并的单元格，选择“表格”一“合并单元格”命令，即可将选中的几个单元格合并为一个单元格。

(4)选中要拆分的单元格，选择“表格”一“拆分单元格”命令，弹出“拆分单元格”对话框，如图8-33所示。在该对话框中设置要拆分的单元格数量，单击“确定”按钮即可。8.5.3格式化表格

1.设置表格属性将光标放在表格中，右击，在弹出的快捷菜单中选择“表格属性”命令，或者选择“表格”一“表格属性”命令，也可以弹出“表格属性”对话框，如图8-34所示。在“表格属性”对话框中，可以设置标题、对齐方式、行距、列距、边框、背景、间距以及表格的大小。上一页下一页返回8.5表格的使用

2.设置单元格的属性单元格是表格的基本组成单位，一个表格中一般都会包含多个单元格。下面介绍如何设置单元格的属性。将光标放在表格中，右击，在弹出的快捷菜单中选择“单元格属性”命令，或是选择“表格”一“表格属性”一“单元格”命令，弹出“单元格属性”对话框，如图8-35所示。在该对话框中可以设置单元格中内容的布局，精确定义单元格的宽度、高度，确定单元格的背景以及边框的颜色等。上一页返回8.6框架的应用框架是一种特殊的网页布局工具，框架就是将浏览器窗口分成几个区域，每个区域都是独立的网页，这样在一个屏幕上可以同时观看多个页面，还可以在同一个屏幕上的各个框架之间设置超链接。8.6.1创建框架网页利用FrontPage2003提供的框架网页模板可以方便地制作出各种样式的框架网页，下面以创建一个左右结构的框架为例来介绍在FrontPage2003中创建框架网页的步骤。

(1)新建一个网页。选择“文件”一“新建”命令，在右边的任务窗格中单击“其他网页模板”按钮。

(2)在弹出的“网页模板”对话框中，切换至“框架网页”选项卡，如图8-36所示。下一页返回8.6框架的应用

(3)FrontPage2003中提供了10种常用框架网页布局的模板，可以根据需要任意选择一种。这单选择“目录”选项，然后单击“确定”按钮即可。

(4)在网页中插入了一个左右结构的框架，在这个框架结构中，左右两边各是一个独立的网页。可以单击“设置初始网页”按钮在框架中打开已经做好的网页，也可以单击“新建网页”按钮，新建一个网页，如图8-37所示。8.6.2保存框架网页带有框架的网页保存时，每个框架中的初始页面都要保存成一个.htm文件，另外还需要一个“框架集”文件，用来记录各框架在网页中的排列方式等总体结构信息。保存框架的具体步骤如下。上一页下一页返回8.6框架的应用

(1)选择“框架”一“保存网页”命令，弹出“另存为”对话框。

(2)当前需要保存的文件，在“另存为”对话框中以深蓝色显示，并显示其所属的框架。在“文件名”文本框中，可以为当前的页面重命名。

(3)保存了各个框架后，还需要选定整个框架进行保存，这时整个框架边缘全部被标识为深蓝色，表示将要保存的文件是整个框架集。

(4)保存了每个单独的框架和整个框架集后，整个框架网页保存才算结束。8.6.3编辑框架网页

1.拆分框架上一页下一页返回8.6框架的应用拆分框架就是将已经创建的框架拆分为多个小的框架，具体操作步骤如下:

将光标定位于框架网页中，选择“框架”一“拆分框架”命令，弹出的“拆分框架”对话框，如图8-38所示。选择合适的拆分方式，单击“确定”按钮，即可将光标所在框架窗口拆分成两行或两列。

2.删除框架册l除框架就是将框架中的多余部分删除，具体操作步骤如下。选定要删除的框架，选择“框架”一“删除框架”命令，即可删除该框架。但框架网页只包含一个框架时，则不能删除这个最后的框架。上一页下一页返回8.6框架的应用8.6.4设置框架属性选择“框架”一“框架属性”命令，或在框架内右击，在弹出的快捷菜单中选择“框架属性”命令，弹出“框架属性”对话框，如图8-39所示，在“框架属性”对话框中，可设置框架的属性。

(1)名称:设置框架的名称。注意:如果更改了框架的名称后，所有指向该框架原有名称的超链接将不再有效，需要将原来的超链接重新编辑，将“目标框架”重新指向更改名称少西的框架。

(2)初始网页:设置一开始显示的页面。

(3)框架大小:设置框架的高度和宽度。

(4)边距:设置框架边缘与框架中显示的网页边缘之间的距离。上一页下一页返回8.6框架的应用

(5)选项:为了防止在浏览网页时调整框架网页的大小，应该将“可在浏览器中调整大小”复选框不选中。“显示滚动条”下拉框中有3个选项:需要时显示、不显示和始终显示。可以根据需要选择。

(6)框架间距设置:在“框架属性”对话框中，单击“框架网页”按钮，从弹出的“网页属性”对话框中单击“框架”选项卡，可设置“框架间距”和是否“显示边框”。上一页返回8.7表单的使用一个站点在设计过程中，除了内容丰富、布局合理、颜色陇调、具有时代感和创新性之外，还有一点是非常重要的，那就是网站的交互性。网站的交互性一般是通过表单程序来实现的。

FrontPage2003拥有强大的表单制作功能，可以轻松地制作出完善的表单页面。另外，FrontPage2003还提供了服务器勿、一展(FrontPageSerberExtension)技术，如果Web服务器支持服务器扩展，用户就不需要自己编写服务器的脚本程序，大大方便了使用者。8.7.1表单的组成元素表单包含的元素有多种，其中包括文本框、文本区、复选框、单选按钮、下拉列表框、按钮、标签等，下面简要介绍这些表单元素的含义。下一页返回8.7表单的使用

(1)文本框:是一个单行长方形空白区域，可输入单行的文本，如姓名和密码等。

(2)文本区:是表单元素中一次能输入信息量最大的一个元素，可输入多行的文本，如论坛中的签名、个人简介等。

(3)复选框:在网页中显示为一个小方框，当单击复选框时，小方框中会弹出√符号，表示选中了该复选框。再次单击复选框时，√符号消失，表示未选中该复选框。提供选择并列的选项，如个人爱好、性格选项等。

(4)单选按钮:在页面中显示为一个小圆圈，当单击小圆圈时会显示一个小黑点，表示选中了该项。提供单项选择，如性别、学历选择等。

(5)列表框和下拉列表框:通过单击下拉按钮，弹出一个上一页下一页返回8.7表单的使用项目列表框，在其中列出了下列列表框的所有项目，单击哪个项目便会自动在显示框中显示，表示此项己被选中，如国籍、属性等。

(6)按钮:提供提交表单和重置表单的功能，普通按钮可设置成超链接来直接访问一些站点。

(7)标签:提供项目的名称，标签通常和单行文本框一起使用。8.7.2创建表单在FrontPage2003中，用户可以使用以下3种方法创建表单。

1.使用模板创建表单使用表单模板创建表单的具体操作步骤如下。上一页下一页返回8.7表单的使用

(1)选择“文件”一“新建”命令，弹出“新建”任务窗格。

(2)在“新建网页”选项区中单击“其他网页模板”超链接，弹出“网页模板”对话框。

(3)在“常规”选项卡的模板中带有表单的分别有:“意见反馈表”、“意见簿”、“搜索网页”和“用户注册”，任选这儿种表单中的一种，单击“确定”按钮。

2.使用向导创建表单使用表单向导创建表单的具体操作步骤如下。

(1)选择“文件”一“新建”命令，弹出“新建”任务窗格。

(2)在“新建网页”选项区中点击“其他网页模板”超上一页下一页返回8.7表单的使用链接，弹出“网页模板”对话框。

(3)在“常规”选项卡中选择“表单网页向导”选项，单击“确定”按钮，弹出“表单网页向导”对话框，如图8-40所示，用户可在向导的指导下完成表单的创建。

3.使用表单域插入表单使用表单域插入表单的具体操作步骤如下。

(1)选择“插入”一“表单”命令，弹出其子菜单，如图8-41所示。

(2)在该子菜单中选择需要的表单，在网页中单击鼠标即可。上一页下一页返回8.7表单的使用8.7.3设置表单属性表单的作用在于收集信息，其作用就是将用户信息发送到处理这些信息的对象中。用户可通过“表单属性”对话框设置表单，具体操作步骤如下。

(1)在创建的表单上右击，从弹出的快捷菜单中选择“表单属性”命令，弹出“表单属性”对话框，如图8-42所示。

(2)在“表单名称”文本框中输入表单的名称，单击“目标框架”右侧按钮，在弹出的“目标框架”对话框中选择合适的框架。

(3)设置完成后，单击“确定”按钮即可。上一页返回8.8美化网页8.8.1设置网页背景设置网页背景颜色和背景图片可以使网页的整体看起来更加美观和谐。设置网页背景的步骤如下。

(1)选择“文件”一“属性”命令，或者在页面上右击，在弹出的快捷菜单中选择“网页属性”命令。

(2)在弹出的“网页属性”对话框中，切换至“格式”选项卡，如图8-43所示。

(3)在“格式”选项卡中，可以设置背景颜色和背景图像。选中“背景图片”复选框，单击下面的“浏览”按钮，选择作为背景图案的图片，如果选择的图片不够大，图片会自动平铺来适应窗口;如果选中“使其成为水印”复选框，可以将背景图片设置为水印效果。下一页返回8.8美化网页8.8.2创建超链接超链接是WWW的一个贡要内容，通过超链接可以访问Internet上各种各样的资源:如声音、程序、图像、文字、图片等。1.文字超链接文字超链接是网页中最基本的链接，其创建方法如下。(1)选定需要为其创建超链接的文字。(2)选择“插入”一“超链接”命令，弹出“插入超链接”对话框，如图8-44所示。(3)在左边的“链接到”区域中选择“原有文件或网页”选项。上一页下一页返回8.8美化网页

(4)在“查找范围”下拉列表框中确定链接目标所在的文件夹。

(5)选定链接目标文件，单击“确定”按钮即可。

2.图片超链接在网页中的图片上可以创建两种类型的超链接:一种是整幅图片的超链接;另一种是图片中某个区域中的超链接，即热点超链接。为网页中整幅图片添加超链接的具体操作步骤如下。

(1)在网页中单击要添加超链接的图片。

(2)选择“插入”一“超链接”命令，或是在图片上右击，在弹出的快捷菜单中选择“超链接”命令，或直接单击工具栏上的“插入超链接”按钮，弹出“插入超链接”对话框。上一页下一页返回8.8美化网页

(3)和添加文字超链接一样，找到链接的目标。

(4)在网页制作过程中，对于图片的超链接，有添加“屏幕提示”的习惯。“屏幕提示”的作用是当鼠标移动到超链接的时候会出现相关的文字说明(当然，也可以为文字超链接添加“屏幕提示”)。

(5)在“插入超链接”对话框中，单击“屏幕提示”按钮，弹出“设置超链接屏幕提示”对话框，在其中的文本框中输入文字提示，然后单击“确定”按钮即可，如图8-45所示。

3.热点超链接所谓热点，就是在图片上划出一个或若十个区域，不同的区域有不同的链接目标，这样的区域就是热点。例如，在一幅中国地图上，可以把每个省或直辖市设置为一个热点，当单击某个热点时，即可链接到相应的省市。上一页下一页返回8.8美化网页设置热点超链接的具体操作步骤如下。

(1)在网页中单击要为其创建热点链接的图片。

(2)在“图片”工具栏中选择合适的热点按钮。

(3)选定合适的热点按钮形状后，在图像上拖动画出长方形(或圆形、多边形)，如图8-46所示。释放鼠标，弹出“插入超链接”对话框，指定此热点的链接目标即可。8.8.3插入动态网页元素动态网页元素是指浏览网页时出现的动态图像、滚动字幕、网站计数器等，它们的作用就是丰富网页的内容，美化网页的外观，使网页的整体效果更加完美。

1.滚动字幕滚动字幕的主要作用是吸引浏览者以及发布一些临时的上一页下一页返回8.8美化网页消息或通知。在网页中创建滚动字幕的具体操作步骤如下。

(1)将光标置于网页中要添加滚动字幕的位置。

(2)选择“插入”菜单-“Web组件”命令，弹出“插入Web组件”对话框。

(3)在“组件类型”下拉列表框中选择“动态效果”选项，在“选择一种效果”下拉列表框中选择“字幕”选项，单击“完成”按钮，弹出“字幕属性”对话框。

(4)在“字幕属性”对话框中设置各参数，单击“确定”按钮即可。

2.交互式按钮交互式按钮是网页动态元素之一，当用户将鼠标置于悬停按钮上时，它会根据用户的设置显示出各种动态效果和颜色。上一页下一页返回8.8美化网页在网页中添加交互式按钮的具体操作步骤如下。

(1)将光标置于网页中要添加交互式按钮的位置。

(2)选择“插入”一“Web组件”命令，弹出“插入Web组件”对话框。

(3)在“组件类型”下拉列表框中选择“动态效果”选项，在“选择一种效果”下拉列表框中选择“交互式按钮”选项，单击“完成”按钮，弹出“交互式按钮”对话框。

(4)在“按钮”列表框中选择按钮的外观;在“文本”文本框中输入按钮上的文字;在“链接”文本框中输入链接的地址。