网页制作与发布教程幻灯片.ppt

《网页制作与发布教程幻灯片.ppt》由会员分享，可在线阅读，更多相关《网页制作与发布教程幻灯片.ppt（68页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页制作与发布教程第1页，共68页，编辑于2022年，星期二8.1 主页制作的基本步骤 8.1.1 准备材料8.1.2 制作网站8.1.3 发布网站 要制作主页，实际上所要解决的问题主要有两个：一是如何制作主页，二是如何让其他人找到主页，也就是要解决网页的发布问题。一般情况下，主页制作主要包括准备材料、开始制作与安放网页三个步骤。第2页，共68页，编辑于2022年，星期二8.1.1 准备材料 在制作主页前，首先应做一个小小的计划（不用很详细），准备在主页上告诉人家什么？比如要制作我的个人主页，计划介绍三个方面：自我介绍，我的爱好，我的工作，那你就先创建一个总目录（文件夹），比如d:Html，来

2、存放你的所有文件，然后再在这个目录建立三个子目录：Myself、Hobby、Job。文件名可以任意，但最好全部小写，因为有的主机要区分大小写。以后要增加内容，可再新建子目录。不过，如果利用FrontPage 2000的模板或向导制作网页，系统将自动帮助用户规划网站目录结构。第3页，共68页，编辑于2022年，星期二 接下来将个人材料复制到相应的子目录。比如，要在主页里展示你的照片，那就将照片扫描成JPG格式的文件，放在myself目录下。要注意，网上只能使用JPG和GIF两种图像格式，其他诸如BMP和TIF等很通用的格式都不能用在网上，但用户可以用很多图像软件进行转换，如Photoshop等。

3、把准备在主页上出现的图像放进相应的目录里后，就可以开始制作网页了。第4页，共68页，编辑于2022年，星期二8.1.2 制作网站 网页是全球广域网上的基本文档，用 HTML(超文本标记语言)书写。一个 HTML 网页包含了 HTML 标记符，这些标记符是一些嵌入式命令，提供网页的结构、外观和内容等信息。Web 浏览器利用这些信息来决定如何显示网页。不过，用户无需懂得 HTML 就可以使用 Microsoft Front Page。您可以像在字处理程序中一样编辑网页，当您输入文本、设置文本格式以及添加图形、表格等网页元素时，FrontPage 会在后台添加相应的 HTML 标记符。您的网页就会如

4、同在 Web 浏览器中出现一般被显示出来。当然，用户也可以在网页上将 HTML 标记符显示出来；而且，如果用户熟悉 HTML，也可以自己编辑HTML标记符。第5页，共68页，编辑于2022年，星期二 为了帮助用户创建专业化外观、设计完善的网页，Front Page 提供了多种网页模板，使用户能快速地创建具有各种布局和功能的网页。例如，用户可以利用FrontPage的模板来创建两列式的网页或带有搜索表单的网页，也可以使用多种主题之一来创建设计风格一致的网页，一个主题包含了附有颜色结构的完整设计组件，其中包括字体、图形、背景、导航栏、水平线和其他网页元素。第6页，共68页，编辑于2022年，星期二

5、 如果想自己设计网页，可以从一个空白的网页开始执行如下步骤。（1）使用框架、表格或绝对定位来精确定位网页上的文本和图形。（2）添加网页元素，例如文本、图形、网页横幅、表格、表单、超链接、横幅广告、字幕、悬停按钮、日戳、计数器等。（3）应用样式或使用样式表来设置文本格式。（4）设置网页元素动画属性和网页过渡功能，使得网页效果栩栩如生。（5）设置背景颜色、图片或声音。（6）创建自己的网页模板。第7页，共68页，编辑于2022年，星期二8.1.3 发布网站 要在网上展示自己的个人主页，用户必须先申请一块地皮，即向某一个主机申请一块硬盘空间。有了这个空间之后，就可以发布自己的网页了。申请了个人主页空间

6、以后，用户将获得一个域名、用来放置网页的FTP服务器的地址、用户名及口令等，接下来用户只需把文件用FTP上传至你的目录就可以了。为了让其他人能够找到你，用户还必须将自己的网址连同说明添加到各种搜索引擎中。例如，国内比较有名的网易（）、搜狐（www.s ）、新浪（），以及国外比较有名的Yahoo（）、Excite（）等都提供了搜索服务，用户可直接访问这些网站来了解如何将自己的网址添加到它们提供的搜索引擎中。第8页，共68页，编辑于2022年，星期二1发布站点之前 在发布站点之前，应该检查断开的超链接，确认网页的外观是否合适，并测试站点的各项操作是否都能正常工作。有一个好的方法可以确认站点是否准备

7、就绪，那就是在 Web 浏览器上进行预览并且浏览站点的各处，以及在报表视图模式下检查所有文件的状态。如果准备将站点发布到全球广域网上，将需要一个Internet 服务提供者（ISP），它最好是拥有安装了FrontPage服务器扩展的站点服务器。当然，用户还必须知道用来发布站点的ISP的站点服务器位置，必要时还须知道自己的用户名称和密码。要获得使用 FrontPage服务器扩展的ISP（一般称为站点展示提供者）的相关信息，请访问Microsoft FrontPage主页，或单击“文件”菜单中的“发布站点”，然后再单击“WPP”按钮。第9页，共68页，编辑于2022年，星期二2服务器扩展对发布的影

8、响 将站点发布到已安装了FrontPage 服务器扩展的站点服务器有下列好处：当站点被发布时，它将会有完整的 FrontPage 功能。若是没有服务器扩展，某些功能将无法工作，例如，大部分的表单处理程序、访问计数器和组件功能。FrontPage将维护文件和超链接。每次发布站点时，FrontPage将比较本地计算机上的文件与站点服务器上的文件。例如，若在本地站点中移动了一个文件，FrontPage将更新和更正任何指向该文件的超链接，并且在下次发布站点时，也对站点服务器上的文件做相同的更正。发布站点以后，将可以直接在 ISP 的站点服务器上进行编辑（尽管如此，本地站点的本地版本将无法与服务器保持同

9、步）。如果站点服务器有服务器扩展，FrontPage就可以使用 HTTP（超文本传输协议）来发布站点。否则，将使用 FTP（文件传输协议）发布。第10页，共68页，编辑于2022年，星期二3选择要发布的文件 用户可以选择哪些文件是要发布的，哪些文件是不要发布的。例如，如果有一个网页是不完整的或并不是直接属于站点的部分，可以将它标记为“不要发布不要发布”。将来，如果决定要发布该文件时，例如，已完成网页制作时，则可以将它的状态更改为“发布发布”。在首次发布站点之后，某些文件不应再次发布。例如，假定用户创建了一个带有访客录的站点，然后发布它，后来又更新了网页。那么，再次发布该网页时，如果要发布所有的

10、文件，包括访客录，则空白的访客录将覆盖已有的文件，此时将丢失全部信息。用户也可以选择只发布已更改过的文件。FrontPage 将比较本地计算机上当前工作站点中的文件与发布到站点服务器上的文件。如果 FrontPage在本地计算机上检测到一个较新版本的文件，则该文件将会被发布到站点服务器上。第11页，共68页，编辑于2022年，星期二4管理站点服务器上的文件 如果ISP对用户站点在站点服务器上的大小加以限制，那么文件管理就很必要。定期删除未用的或旧的文件（尤其是图形文件），可以让站点的尺寸不致过大。站点一旦被发布之后，FrontPage就可以在每次再发布站点时，将本地站点上的文件与站点服务器上发

11、布的文件保持同步。删除本地计算机上的文件后，当用户再度发布站点时，Front Page将会提示删除在站点服务器上相同的文件，并选择只发布已经更改过的网页。如果站点服务器使用FrontPage服务器扩展，FrontPage也可以在下次发布站点时，与站点服务器上的其他操作相配合，例如移动或重命名文件。FrontPage将会更新站点服务器上的导航栏、共享边框和超链接，来与本地计算机站点上运行的操作相配合 第12页，共68页，编辑于2022年，星期二8.2 FrontPage 2000入门 8.2.1 使用站点模板创建站点8.2.2 根据网页模板创建网页8.2.3 创建空白站点与空白网页8.2.4 创

12、建框架网页8.2.5 网站与网页的打开与保存8.2.6 FrontPage 2000提供的视图 第13页，共68页，编辑于2022年，星期二8.2.1 使用站点模板创建站点 创建网站的第一步当然是新建网站。实际上，所谓新建网站就是设置存放网页及相关数据的文件夹。此外，FrontPage还提供了众多网站模板，如个人站点、客户支持站点、项目站点等。使用站点模板创建站点的操作步骤如下：第14页，共68页，编辑于2022年，星期二（1）启动FrontPage 2000，主界面如下图所示。选择“文件”菜单下的“新建”“站点”选项，系统将弹出如下页图所示的“新建”站点对话框。视图栏菜单栏常用工具栏状态栏主

13、编辑窗口编辑模式格式工具栏 窗口按钮标题栏控制菜单按钮第15页，共68页，编辑于2022年，星期二（2）单击上图所示对话框“站点”列表区中的“个人站点”，然后单击“确定”按钮，系统将自动依据该模板创建一个典型的个人站点。第16页，共68页，编辑于2022年，星期二（3）在文件夹列表区双击Index.htm，此时画面如下图所示。第17页，共68页，编辑于2022年，星期二（4）根据后面介绍的网页编辑方法编辑网页或增加、删除网页等。上页图所示创建的站点文件夹中有二个子文件夹，即_private与images。其中，_private文件夹用于存放一些不希望别人看到的文件，images文件夹用于存放网

14、页中用到的一些图片。如果利用资源管理器查看以上创建的站点文件夹，还会发现其中有一些隐藏的文件夹。它们主要用于保存一些站点信息，及FrontPage扩展服务器运行程序。要关闭或打开站点，可选择“文件”菜单中的适当选项。第18页，共68页，编辑于2022年，星期二8.2.2 根据网页模板创建网页 用户除了可以利用站点模板创建站点外，还可以利用网页模板创建网页。为此，可执行下面的步骤。（1）选择“文件”“新建”“网页”菜单，打开下图所示的“新建”网页对话框。第19页，共68页，编辑于2022年，星期二（2）选择上页图所示对话框中的“常规”选项卡，在该选项卡中“带有目录和边栏的一栏正文”选项，然后单击

15、“确定”按钮，此时画面将如下图所示。第20页，共68页，编辑于2022年，星期二8.2.3 创建空白站点与空白网页 对于一些高级用户而言，他们可能更喜欢亲手规划站点与网页。为此，可执行如下步骤。（1）要创建空白站点，可首先选择“文件”“新建”“站点”菜单，此时系统也将打开“新建”站点对话框。（2）在“新建”站点对话框中选择“空站点”，单击“确定”按钮，即可创建一个不包含任何网页的空白站点，如下页图所示。第21页，共68页，编辑于2022年，星期二（3）要创建空白网页，可直接单击“常用”工具栏上的“新建网页”按钮。第22页，共68页，编辑于2022年，星期二8.2.4 创建框架网页 框架（Fra

16、me）网页是一种特殊类型的网页，该网页将显示区划分成了多个独立区域，例如，下图所示的网页就包含了三个框架。根据横幅和目录框架网页模板制作的网页目录框架横幅框架主框架第23页，共68页，编辑于2022年，星期二 框架网页实际上包含了多个网页，一个是主框架网页，该网页定义了各框架的名称、位置及尺寸等，它在浏览器中不显示；此外，每个框架实际上都是一个独立的网页文件。因此，在制作框架网页时，既可以直接将已经制作好的网页放入框架，也可为每个框架制作新网页。使用框架网页的好处是，屏幕上只进行部分更新。例如，当用户在上页图中单击目录框架中的人名时，目录框架及横幅框架的内容不变，而只更新主框架。对于每个框架而

17、言，它都有框架属性，其中定义了框架名称、框架初始网页，以及框架尺寸、框架位置等。第24页，共68页，编辑于2022年，星期二 在FrontPage 2000中，要创建框架网页，可首先选择“文件”“新建”“网页”菜单，打开“网页模板”对话框，在该对话框中选择“框架网页”选项卡，如下图所示，然后在其中选择适当的框架布局样式，并单击“确定”按钮，结果如下页图所示。第25页，共68页，编辑于2022年，星期二第26页，共68页，编辑于2022年，星期二 通过前面的介绍，我们已经知道，所谓框架网页实际上是一个网页组，即每个框架区域都对应了一个网页。因此，在上页图中单击“设置初始网页”按钮可为框架区指定一

18、个现存的网页作为其初始网页，或者单击“新建网页”按钮新建一个初始网页。此外，要拆分框架或删除框架，可选择“框架”菜单中的适当选项。其中，要选择框架，只需简单地在框架区单击即可。第27页，共68页，编辑于2022年，星期二8.2.5 网站与网页的打开与保存 无论用户是创建一个空白站点，还是基于站点模板创建一个站点，系统都将自动在指定位置（通常是“我的文档”文件夹）创建一个文件夹。通过选择“文件”菜单中的“打开站点”或“关闭”选项，可打开一个指定站点或关闭当前站点。如前所述，打开或新建站点后，所有网页都被列在“文件夹列表”区中，因此，用户只需简单地双击网页文件，即可打开该网页。要保存网页，可选择“

19、文件”“保存”或“另存为”菜单，或单击常用工具栏中的保存按钮。如果网页中使用了位于当前站点文件夹之外的文件，系统将会打开一个“保存嵌入式文件”对话框，如下页图所示。第28页，共68页，编辑于2022年，星期二 在“保存嵌入式文件”对话框中单击“重命名”按钮，可更改文件名称；单击“更改文件夹”按钮，可设置将文件保存到站点文件中的哪个子文件夹中。缺省情况下，文件将被直接保存到站点文件夹中。第29页，共68页，编辑于2022年，星期二8.2.6 FrontPage 2000提供的视图 为了便于更好地支持网站设计，FrontPage 2000提供了多种视图。通过在视图栏中单击不同的按钮（若视图栏被隐藏

20、，可选择“查看”“视图栏”菜单显示出来），或选择“查看”菜单中最上面的六个菜单项，可在各种视图之间进行切换。这些视图的特点如下：网页视图：这是缺省视图模式，用户可在该模式下编辑网页。文件夹视图：在该视图模式，用户可查看站点文件夹中的文件。报表视图：该视图又包含了多种类型，利用这些类型可分别查看站点摘要信息、站点中的文件（全部文件、最近增加的文件、最近更改的文件、较旧的文件）等。第30页，共68页，编辑于2022年，星期二 导航视图：该视图用于为导航栏设计站点结构。当用户希望在网页中插入导航栏时，系统将根据此处的设计自动制作导航栏。超链接视图：该视图用于查看各网页之间的链接所示。任务视图：利用任

21、务可以帮助用户跟踪Web站点中需要完成的工作，可以将任务分配给个人或工作组。任务可以包含对Web站点上某个特定文件上要完成的工作的说明，它可以与Web站点中的任何文件（如Web页、图片、声音及其他Office文档）关联。在文件夹列表区选定某个文件后，通过选择“编辑”“任务”菜单中的适当选项，可添加、编辑、开始任务等。在“任务”视图下，可查看各任务的完成情况。第31页，共68页，编辑于2022年，星期二8.3 网页编辑 8.3.1 使用表格设计网页布局8.3.2 相对定位与绝对定位8.3.3 使用导航栏与导航视图8.3.4 使用网页横幅8.3.5 使用Web组件、数据库及表单8.3.6 使用图片

22、、文件、书签与超链接8.3.7 使用简单网页元素8.3.8 使用主题与共享边框8.3.9 设置网页属性 第32页，共68页，编辑于2022年，星期二8.3.1 使用表格设计网页布局 在FrontPage 2000中，用户可利用表格进行网页布局。下面通过一个简单的实例来说明表格的用法。（1）新建一个空白网页，并分别选择“查看”菜单中的“视图栏”与“文件夹列表”，暂时关闭这两个区域。（2）选择“表格”“手绘表格”菜单，系统打开如下图所示的“表格”工具栏，在网页编辑区单击并拖动制作表格。第33页，共68页，编辑于2022年，星期二（3）分别沿水平及垂直方向单击并拖动，制作水平分割线与垂直分割线，构成

23、表格中的单元格。手绘表格如下图所示。第34页，共68页，编辑于2022年，星期二（4）表格中还可嵌套子表格，为此，可首先在“表格”工具栏中单击“手绘表格”按钮，取消自由绘制表格状态。接下来将光标定位在选定的单元格中，并选择“表格”“插入”“表格”菜单，此时系统将打开如下图所示“插入表格”对话框。第35页，共68页，编辑于2022年，星期二（5）在“插入表格”对话框中设置适当的“行数”、“列数”及其他参数，然后单击“确定”按钮，即可在指定位置插入表格，如下图所示。第36页，共68页，编辑于2022年，星期二（6）将光标移至表格线上单击并拖动，调整表格外观。（7）要调整表格属性，可选择“表格”“属

24、性”“表格”菜单，此时系统将打开如下图所示的“表格属性”对话框。第37页，共68页，编辑于2022年，星期二（8）利用“表格属性”对话框，可设置表格的尺寸，单元格边距与间距，边框线粗细与颜色，表格背景等。下图显示了将表格边框线粗细设置为0（表示不要边线），及为表格设置图片背景后的画面。第38页，共68页，编辑于2022年，星期二（9）通过选择表格中的其他选项，可拆分表格、拆分单元格、删除单元格、合并单元格，为表格套用格式等。（10）如果要删除表格，可首先将光标定位在表格中，然后选择“表格”“选择”“表格”菜单选中表格，并按Ctrl+X组合键剪切之。第39页，共68页，编辑于2022年，星期二8

25、.3.2 相对定位与绝对定位 在FrontPage 2000中，对象的定位有两种方式，一种是缺省的相对定位方式，一种是绝对定位方式。在相对定位方式下，只能依靠字符和回车来调整各对象的位置。如果希望将对象自由定位，则必须首先将其转换为绝对定位方式，然后再移动其位置。例如，要将前面制作的嵌套表格移动位置，可按如下步骤来进行。（1）选择“查看”“工具栏”“定位”菜单，打开“定位”工具栏。（2）将光标定位在嵌套表格中，然后选择“表格”“选定”“表格”菜单，选中表格。第40页，共68页，编辑于2022年，星期二（3）单击“定位”工具栏中的“绝对定位”按钮，将光标移至表格边线上，此时光标呈花十字状，单击并

26、拖动调整表格位置，如下图所示。第41页，共68页，编辑于2022年，星期二8.3.3 使用导航栏与导航视图 通过在网页中插入导航栏，可使浏览者轻松地在站点的各网页之间切换。通常情况下，要在网页中插入导航栏，应首先利用导航视图为站点设计导航结构图。缺省情况下，用户创建的第1个网页被称为主页，即该网页被作为站点的入口网页，其名称通常为index.htm。同时，该网页被自动增加到导航结构图中，如下页图所示。第42页，共68页，编辑于2022年，星期二第43页，共68页，编辑于2022年，星期二 要将站点中的其他网页加入到导航结构图中，可在“文件夹列表”区单击选择网页，然后将其拖至导航视图中，此时将出

27、现一条连接主页的虚线，如下图所示，释放鼠标按钮后，所选网页添加到导航结构图中。第44页，共68页，编辑于2022年，星期二 在站点结构图中，主页始终位于最上层，通过将其他网页拖至不同位置，可使选定网页与主页位于同一层，或主页的下层。此外，用户也可通过直接在导航视图中单击并拖动网页图标调整导航结构图。在导航视图中，网页图标中显示了网页的标题，当浏览者浏览该网页时，其内容将显示在浏览器的标题栏中。因此，为了使其拥有明确的意义，可右击网页图标，从弹出的菜单中选择“重命名”，然后输入新的标题即可，如右图所示。第45页，共68页，编辑于2022年，星期二 当站点中网页比较多时，根据该网页的主题命名网页文

28、件是非常重要的。在很多情况下，使用导航视图规划站点结构是一种不错的方法。为了便于理解后面介绍的导航栏，利用导航视图为站点设计如下图所示的导航结构图。导航栏是一组超链接，典型的导航栏将有一些指向站点的主页和主要网页的超链接。导航栏可以是按钮形式，也可以是文本形式。要在网页中插入导航栏，方法如下：（1）在网页编辑视图中定位要放置导航栏的位置，或放在一个共享边界内。第46页，共68页，编辑于2022年，星期二（2）选择“插入”“导航栏”菜单，打开下图所示“导航栏属性”对话框。第47页，共68页，编辑于2022年，星期二（3）在“导航栏属性”对话框的“要添加到网页的超链接”区，选择导航栏中的超链接类型

29、。（4）在“方向和外观”区，设置导航栏是水平还是垂直，是按钮形式还是文本形式。如果使用了主题，则只能选择“按钮”单选钮。（5）最后，单击“确定”按钮，插入导航栏到网页视图中。如果站点应用了一个主题，按钮式导航栏将使用主题的字体、颜色和其他样式组件。例如，在导航结构图对应的网页中应用主题后，插入导航栏如下页图所示。第48页，共68页，编辑于2022年，星期二删除导航栏的方法如下：（1）选定要删除的导航栏。（2）选择“编辑”“删除”菜单，或按Delete键。插入的导航栏第49页，共68页，编辑于2022年，星期二8.3.4 使用网页横幅 网页横幅的内容始终与网页标题一致，换句话说，通过修改网页标题

30、可修改横幅文本，或者通过修改网页横幅文本修改网页标题。要创建网页横幅，必须首先确认当前网页已被增加到导航结构图中。接下来可首先将光标定位在要插入网页横幅的位置，然后选择“插入”“网页横幅”菜单，此时系统将打开如下图所示“网页横幅属性”对话框。由图可以看出，系统提供了两种类型的网页横幅，一类是图片式网页横幅，一类是文本式网页横幅。这两种类型的横幅外观完全相同，只是存储方式不一样。第50页，共68页，编辑于2022年，星期二8.3.5 使用Web组件、数据库及表单 如果选择“插入”“组件”菜单，系统显示如图所示“组件”子菜单。由“组件”子菜单可以看出，系统提供了众多组件。例如，具有动态效果的组件：

31、悬停按钮、字幕、站点计数器、横幅广告管理器；还有电子表格、图表、预览图片、附加组件等。如果选择“插入”“数据库”菜单中的“结果”，可在网页中插入数据库关联元素，如下页左图所示。如此一来，当数据库内容更新时，网页将自动更新。不过，此时由于需要服务器支持，必须将网页以.asp格式存储。第51页，共68页，编辑于2022年，星期二 通过选择“插入”“表单”菜单，系统显示如右下图所示“表单”子菜单，选择适当选项可在网页中插入所需表单，如各种按钮、文本框、复选框等表单元素。同样，在网页中插入的表单要想正确工作，必须获得服务器的支持才可以。第52页，共68页，编辑于2022年，星期二8.3.6 使用图片、

32、文件、书签与超链接 通过选择“插入”菜单中的适当选项，用户还可在网页中插入图片、图形、剪贴画、艺术字、视频、文件、书签与超链接等，如下图所示。第53页，共68页，编辑于2022年，星期二 对于图片而言，当用户单击图片时，系统将显示如下图所示“图片”工具栏，单击选择不同的工具，可以执行如下工作。在当前位置插入图片。在图片上添加文字。自动生成缩略图。生成缩略图后，浏览者只需单击该缩略图即可看到原图片。将图像改为绝对定位状态，从而便于将图像移至指定位置。调整对象层次。旋转及翻转对象。调整图像的对比度与亮度。裁剪图像。将图像的某种颜色设置为透明色。将图像转换为灰度图。第54页，共68页，编辑于2022

33、年，星期二 为图像增加凹凸效果。按图像的当前状态重新取样。当一幅大图像被重新取样后，可有效减小文件尺寸。在图像上创建矩形、圆形或多边形热点。复位图片的原始状态。书签是网页中被标记的位置或被标记的选中文本，是网页内部位置的一种标识，可以作为超链接的目的端。书签用于把同一网页的不同指定位置连接起来。另外，在同一个站点中的不同页面上指定位置相连接时，往往要把目标对象定义为书签。当网页内容较多时，可在网页中设置书签来标记位置。例如，如果网页是一篇包含了多个专题的文章，则可利用书签分别标记各专题所在位置，然后将书签指定给各小标题即可。第55页，共68页，编辑于2022年，星期二 书签有两种类型，一是将网

34、页中的文字或图片等设置为标签。为此，可首先选中希望设置为书签的文字或图片，然后选择“插入”“书签”菜单，此时系统将打开左下图所示“书签”对话框。缺省情况下，所选文字被作为书签名称。单击“确定”按钮后，所选文字下方将增加一条虚线，如中图所示。如果当前未选中任何文字或图片，则将在当前位置插入一个旗帜符号作为书签，用户此时需命名书签，如右下图所示。第56页，共68页，编辑于2022年，星期二 超链接是从一个网页指向另一个网页的链接关系。链接的目标通常是另一个Web网页或者相同网页上的不同位置，也可以是一幅图片、一个电子邮件地址、一个文件或者一个程序。书签制作好以后，用户可将其指定给某个超链接。下面就

35、来介绍如何在FrontPage中设置超链接。同样，如果希望将文字或图片设置为超链接，必须首先选中这些文字或图片，然后选择“插入”“超链接”菜单，此时系统将打开如右图所示“创建超链接”对话框。第57页，共68页，编辑于2022年，星期二 利用该对话框可将当前站点中的某个网页、某个URL地址设置为超链接地址。如果单击“书签”按钮，则可将当前页面中某个书签设置为超链接地址。此外，通过单击“更改目标框架”按钮，还可设置在何处显示链接网页。如果单击URL左侧的“创建一网页并链接到该网页”按钮，表示将新建一个链接网页。如果单击“制作发送电子邮件的超链接”按钮，表示单击链接将启动邮件编辑器，用户此时可编辑并

36、发送邮件。第58页，共68页，编辑于2022年，星期二8.3.7 使用简单网页元素 通过选择“插入”菜单中的“换行符”、“水平线”、“日期与时间”、“符号”与“注释”，用户还可在网页中插入换行符、水平线、当前日期与时间等。其中，注释主要用于制作网页模板。如右图所示，在网页中插入了水平线与日期。插入的水平线插入的日期第59页，共68页，编辑于2022年，星期二8.3.8 使用主题与共享边框 通过将选定的主题应用于网页，用户可快速修改网页背景及动态图形外观。下图所示为利用主题快速修改网页外观后的结果。第60页，共68页，编辑于2022年，星期二 要应用主题，可选择“格式”“主题”菜单，此时系统将打

37、开下图所示“主题”对话框。在该对话框中，通过选择“所有网页”或“所选的网页”单选钮，可将所选主题用于当前站点中的全部网页或当前网页。利用下面的几个复选框，可确定使用主题中的哪些设置。此外，如果单击“修改”按钮，此时系统将在该对话框中弹出一组按钮。通过选择不同的按钮，可修改所选主题的文字、图形、颜色等。第61页，共68页，编辑于2022年，星期二 如果希望在网页的边缘同时增加某些内容，可使用共享边框。为此，可选择“格式”“共享边框”菜单，此时系统将打开下图所示“共享边框”对话框。第62页，共68页，编辑于2022年，星期二 通过选择“所有网页”或“当前网页”单选钮，可设置共享边框是用于所有网页，

38、还是仅用于当前网页。通过选择“上”、“下”、“左”与“右”复选框，可确定在网页的哪个方向增加共享边框。如果选择将共享边框用于所有网页，选择方向复选框后，其下的“包含导航按钮”复选框有效。如果选中该复选框，表示将在共享边框中包含基于导航结构的链接栏。第63页，共68页，编辑于2022年，星期二8.3.9 设置网页属性 通过选择“文件”“属性”菜单，系统将打开如下图所示“网页属性”对话框，利用该对话框可设置网页标题、默认目标框架及网页背景音乐等。第64页，共68页，编辑于2022年，星期二 如果未对网页应用主题的话，通过选择“格式”“背景”菜单，此时系统将打开如下图所示“网页属性”对话框。在此对话

39、框中，可为网页设置背景颜色或图片、文本的缺省颜色、超链接颜色、已访问的超链接颜色（表明浏览者已访问过该超链接）、当前超链接颜色等。第65页，共68页，编辑于2022年，星期二8.4 站点管理与发布 第66页，共68页，编辑于2022年，星期二 在制作好站点后，就可以将整个站点文件夹上传到某个ISP上了。不过，在上传站点文件夹之前，用户最好借助“报表”视图或其他视图查询站点状态，以确认站点没有问题（如错误的链接、未被添加到站点文件中的图片等）。此外，为了在上传文件前对网页进行测试，可单击网页编辑区下方的“预览”标签对网页进行预览。不过，对于某些动态效果而言，只能借助浏览器进行预览。为此，可选择“文件”“在浏览器中预览”菜单，或直接单击“常用”工具栏上的“在浏览器中预览”按钮。第67页，共68页，编辑于2022年，星期二 要设置站点名称等参数，可选择“工具”“站点设置”菜单，此时系统将打开下图所示“站点设置”对话框。要发布站点，可直接在常用工具栏中单击“发布站点”按钮，然后按照指示进行设置就可以了。第68页，共68页，编辑于2022年，星期二