FrontPage 98速成

余飞
1998年 第51期 09版

    随着Internet的逐渐普及和流行，设计和创建网页（Web页）成为网民们必须具备的基本素质，它甚至已发展为一项全新的职业。不管是在Internet，还是在Intranet上发布主页，都需要选用一款Web页面制作工具。在众多的网页制作工具中，Microsoft公司的FrontPage无疑独领风骚，备受网民的亲睐。以下内容将帮助你迅速了解FrontPage 98的基本操作和使用方法。
#1    一、安装FrontPage 98
    1.将FrontPage98安装光盘插入光盘驱动器，即可自动进入FrontPage98的安装界面，也可以执行“Setup.exe”进行安装。
    2.进入欢迎安装窗口后，选择“Next”进行下一步，按窗口揭示作出回答即可继续安装过程。
    3.进入选择安装类型和路径窗口。选择“Typical”为典型安装，“Custom”为用户定制安装，建议选择前者。
    4.单击“Browse”按钮，可修改缺省的FrontPage安装目录。
    5.单击“下一步”，选择正确的语种。
    6.再单击“下一步”，开始正式安装。
    在安装过程中，要求转入一个11位的产品序列号当所有文件复制完后，重新启动计算机，至此，FrontPage的安装工作全部结束。
#1    二、FrontPage 98印象
    Internet在人们生活中的份量越来越重。在从Internet获取大量的网上资源和信息的同时，网民们也对在网上展示自己的主页（Web页）乐此不疲。而制作主页的工具软件也五花入门，在这众多网页制作工具中，FrontPage却以其不可抗拒的魅力，备受推崇和广为采用。
    归纳起来，FrontPage与其它Web页面制作工具相比，具有如下一些优势：
    .FrontPage具有完整的集成环境。
    作为Microsoft公司的Internet战略性产品，可以在其Windows95或Windows NT上使用它的Web服务器IIS、信息交换管理系统Exchange、数据库系统SQL服务器，Web浏览器。
    .FrontPage具有完善的操作指南（Template，Wizard）。
    它适用于各种应用环境，如商业销售、企业管理和教学制作等。它所提供的例题可以指导模拟完成Web制作的全过程。Wizard则更直观，可一步步指导你完成工作。
    .FrontPage支持各种Internet组件。
    FrontPage98几乎可支持市面上流行的所有Internet组件：Java applet，Netscape plug-in以及JavaScript，VBScript，当然，也支持ActiveXcontrol。
    .FrontPage具有Personal Web Server。这是与FrontPage同时运行的小型Web服务器。
    FrontPage98的制作工具有两个图形界面，即FrontPage Explorer和FrontPage Editor。前者采用Windwos95文件夹和图形的方式显示你制作的Web页面之间的层次以及逻辑关系，比较真观。后者则是图形Web页面的编辑程序，是Web制作工具。不必记忆和书写任何繁琐的程序符号，只要利用类似Word的工具生成网页，FrontPage98将自动生成HTML文档。
#1    三、使用FrontPage Editor创作主页
    启动FrontPage Editor，进入其操作界面，即可进行主页的创建工作。FrontPage Editor的界面，与Microsoft的其它Office产品一样，都具有相同的外观，可共享一些通用的操作。
    1.基本编辑操作
    .在当前文档中，和其它的字处理器一样，先输入文本，在需要分段时按Enter键。
    .按DEL键删除插入点右边的字符。
    .按CTRL+Home，可返回文档之首。
    .拖曳鼠标或Shift+方向键可选空文本。
    .对所选空的文本可进行编辑（如Copy，PASTE等）或者格式设置操作。
    .选用EditUndo，可取消上次操作。
    .选择FileNew，可新建文本。
    .选择FileOpen，可找开已存在的网页。
    .选择FileSave，可保存当前网页或文本。
    2.查找和替换文本
    .执行EditFind操作，进入查找窗口。
    .在“Find”对话框中输入需要查找的字符，也可以指定查找完整的字，是否区别大小写和查找方向等。
    .若要替换搜索到的文本，可在EditReplace窗口中，键入替换内容，这样，搜索到的文本将被该内容替换掉。
    3.拼写检查
    .选择Tools->Spelling，或者击快捷按钮Checking Spelling进入拼写检查状态。
    .若没检查到拼写错误，将出现一对话框通知你顺利通过。
    .若发现拼写错误，将会出现对错误的处理方式对话框，选项与相应的处理方式如下：
    Ignore—忽略该词，如下次再遇同样的，将再次指出；
    Change—将原词改为“Change to”对话框所指定的词；
    Add—将当前词加入字典中，以后会认为它是合法的；
    Cancel—取消该检查过程；
    Ignore All—将忽略此次检查到的这个词；
    Change All—更改文档中所有的词；
    Help—打开联机帮助。
    4.查看源代码
    .选择“View->HTML”，查看当前主页源代码内容。
    .查看结束，点击“Cancel”按钮。
    5.在浏览器中观察效果
    .选择“File->Preview in Browser”。
    .在出现的对话框中选择设置浏览器及相关选项。
    .单击“Preview”按钮，打开浏览器进行观察。
    6.对文本进行分割
    .选择“Insert->Horizontal Line”，可插入一个通栏分割线，对文本内容进行划分。
    .在对话框选择线条类型，单击鼠标右键，将弹出一对话框。
    .在弹出对话框中进行线条的外观设置，包括线宽Width和线高Height的设置。
    7.设置字符属性
    在进行以下操作之前，先要选定所要设置的字符。
    ①访问字体的属性
    .选择“Format->Font”，或用鼠标右键单击选定的文本。
    .在弹出菜单中选取“Font Properties”，进入字体设置对话框。
    ②改变字体属性
    .在字体设置对话框左上方字体列表中选定目标字体。
    .在对话框的“Font Style”栏选择字型，如常规、黑体、斜体等。
    .在“Size”栏中选定字体的大小。
    .在Effects栏设定字体的效果，包括：
    Underline：在文本下加下划线；
    StriKethrough：在文本上画一道透明线；
    Typewriter：以打字机风格显示所选文本。
    .在“Sample”栏中可预览其显示效果。
    .“Color”栏中可以更改字体颜色。
    8.设置段落属性
    进行下面的操作前，请选定操作的段落对象。
    ①段落风格设置
    .选择“Format->Paragraph”，进入段落属性对话框。
    .该框中，Formatted为浏览器中按固定宽度显示文本，Normal为取消任何格式，其中每个字字符所占空间相同。
    ②段落对齐设置
    .单击“Format”格式工具栏中的“Align Left”按钮，可使段落左对齐。
    .单击“Format”格式工具栏中的“Center”按钮，可使段落居中。
    .单击“Format”工具栏中的“Align Right”按钮，可使段落右对齐。
    .缺省设置为段落沿窗口左对齐。
    ③段落缩进
    单击“Format”栏上的增减缩进量，可控制段落的缩进。
    9.设置背景色
    .选取“Format Background”，进入背景颜色设置对话框。
    .“Specify Background and colors”栏中，选取“Background Image”，通过“Browser”按钮可选定一个背景图案。
    .“Watermark”则可进行水印背景设置。
    .还可点击“Properties”进行属性更改。
    .选取“Get Background Colors from Page”栏，还可指定一页，使当前页的背景与之相同。
    10.插入图像
    .选取“Insert Image”命令，进入“Image（图像）”对话框。
    .在“URL”栏中输入地址可查找图像。也可以点击URL同一行中的按钮通过浏览器或者在本地硬盘中查找。
    .点击“Clip Art”按钮，可从FrontPage图像库选取图像
    11.设置图像属性
    .选定图像后，选择“Edit Image Properties”或者使用鼠标右键单击图像并从弹出菜单中选取“Image Properties”，进入图像属性对话框。
    .在该对话框中，“General”标签规定了该图像的源图像文件，如何保存图像，以及在当前浏览器中显示图像时可以替代图像的方式：
    “Image source”：定义图像的源文件。如果要使用该图像的一个不同文件，输入名字和地点，或单击“Browser”按钮，从“Image”对话框选定文件。
    “Type”：选择该图像是否应作为GIF或JPG文件保存在Web中，若图像是其它类型，可以在此进行选择。
#1    注意：（1）当图像为GIF类型时，有两个复选框：“Transparent”：可以选择一种透明色，浏览时可通过透明色显示出背景来。“Interlaced”：扫描线顺序，以使图像在浏览过程中更合理地显示出来。（2）当图像为JPG类型时，需填写所需图形文件的质量，数值越大，图像文件的质量就越好，生成的文件就越大。
    “Alternative Representations”：该对话框让你选择替代图像的两种方式：当图像很大且下载到浏览器花费较长时间时，可以在“LOW—RES”选项中规定一个比较小的图像，多数游览器先下载它，以便浏览者尽快得到结果。而再下载并显示源图像，当浏览者关闭了图像显示时，浏览器上显示该选项所指定的文本。因此，所输入的文本应能描述该图像，以便于浏览者查看了解显示的内容。
    “Video”标签规定了影像片段的源文件以及当在浏览器中打开时的播放方式。缺省设置为1，该影像仅播放一次。Loop域中可指定其播放次数。若选“Forever”，则该影像将会一直播放下去，需特别慎重。选择“Show Controls”，浏览器在影片片段窗口下显示标准的视频控制器，允许浏览者随时开始或终止影像播放。此外，“Start”项有两个复选框，要求指定启动影像的时间，即浏览器打开该页时启动（On file Open）或者当阅读移动鼠标到该影像时启动。
    “Appearance”标签规定图像的外在效果，包含对齐方式，图像大小，边框类型等。
    “Layout“为对齐周围有文本的图像提供了三种选择：
    Alignment：规定图像是以它的左边还是右边与文本对齐。
    Horizontal Spaling：规定图像与它的左边或右边的文本、图像或窗口边缘应分开的空白间隔的像素数。
    Vertical spacing：规定图像和它上面或下面的文本，图像或窗口边缘之间的像素数。
    Size规定图形文件的大小。其实现过程为：
    首先选择“Specify Size”复选框，使其大小选项到正确的位置。
    其次决定如何定义图像的宽度和高度。选“In  Pixels”，可规定一个精确的尺寸（按像素）；选“In  Pixels”，可指定图像的大小相对于窗口的百分比。
    最后，在“Width”和“Height”字段中输入数字。
    12.创建层次
    .在输入文本后，标记需作更改的区域.
    .选择“Format  Paragroph”，会出现段落属性设置对话框。
    .在段落属性设置对话框选取好格式，单击“OK”按钮。这样，即可实现标题栏创建文本层次。
    13.创建表格
    表格是一种能有效地描述信息的组织方式。在Web页面中表格常被用来组织和控制页面布局。用FrontPage98可以非常方便地创建表格并组织页面。创建表格有两种方法：
    （1）画表格
    选择“标准工具栏”中的“画表”工具，然后根据需要自己手动制表。
    （2）输入表格
    选择“表格工具条”（Table toolbar）中的“插入表格”（Insert table）按钮，插入所需的表格即可。
    此外，“表工具条中”（table tool bar）常用的工具还有：
    擦子（eraser）：删去选定的栏线。
    删除单元（delete cells）：删去选中的表格单元。
    合并单元（merge cells）：将选中的几个表格单元合并为一个单元。
    分离单元（split cells）：将一个表格单元分离成多个表格单元。
    14.组织数据
    通过创建列表，可有效地组织数据。
    在HTML中，常用的列表有圆点列表（Bullefed）和序号列表（numbered）两种。前者的列表项前只有圆点，不编序号；后者列表项均编有序号，浏览器在打开该页时自动加上序号。
    创建列表的操作如下：
    .选取文本。
    .按“FormatBullets and Numbering”进入对话框。
    .在对话框中选取满意的列表形式后按“确定”钮，此外，还可按下列操作嵌套列表：
    .移动光标到需嵌套的行，单击工具栏上的“Increase Indent“按钮”。
    .利用“Bulleted list”或“Numbered list”建立列表。
    15.利用框架组织页面
    框架（Frames）是在同一浏览器窗口中显示多个相互隔离的HTML页的结构。它提供了全新的组织Web页面的方法。
    一般利用框架组织Web页面需完成如下操作过程：
    .创建框架。
    .设置框架属性。
    .设定初始页面。
    .确定框架间的调用关系。
    其具体的步骤如下所述。
    （1）创建框架
    .点击“Frame”菜单中的“New Frame Page”选项，进入框架模板选择窗口。
    .在框架模板选择窗口选择满意的模板创建框架Web页面。
    .拖拉框架边可调整框架的大小。
    .利用“Frame”菜单中的“Split Frame”和“Delete Frame”命令可增加或删除框架。
    （2）设置框架属性
    .单击页面右键选中菜单中的“Frame Properties”（框架属性）选项。
    .在弹出的对话框中设置框架属性。
    .在“Show Scrollbars”选框中可设置滚动。
    .点击“Frame Page···”按钮，进入页面属性设置窗口。
    .在“Frame spacing”标签中设置框架之间的边界大小，也可以取消“Show borders”选项，不显示框架边框。
    （3）设定初始页面
    .点击“Set Initial Page”按钮，在“创建超链接”（Create Hypelink）对话框中进行初始页面设置。
    .点击“浏览”按钮，查找所需要的页面；也可点击“新建页面”按钮直接在框架中新建一个页面。
    （4）规定框架间的调用关系
    在使用框架时常会遇到如何处理框架间的调用关系的问题，即点击一个框架中的超链接后目标页面随后出现在那个框架内，或是新打开一个浏览器窗口。因此，必须规定框架间的调用关系。步骤如下：
    .在需要加入超链接的页面选择“创建框架”作为加入超链接的对象，此时，所链接的页面在调入时出现在框架“main”中。
    .点击链接按钮，加入超链接。此时，“Create Hyperlink”窗口的右下方有一“Target Frame”（目标框架），点击其相应按钮将出现“Target Frame”窗口。
    .在“Target Frame”窗口中指定目标页面将出现的框架。
    可以直接在“Current Frame Page”中选择左或右作为目标框架，也可以选择“Common Targets”中的选项以确定目标页面的出现形式：
    Page Default（main）：目标页面将出现在默认的框架中，默认目标框架可以在框架框架页面属性设置窗口设置。如不加以说明，系统将按默认目标框架调用目标页面。
    Same Frame：目标页面将出现在同一框架中，也就是履盖调用页面
    Whole Page ：目标页面将履盖整个框架页面，独立地出现在浏览器窗口中。
    New Window：目标页面将出现在新打开的一个浏览窗口中，原来的浏览窗口则不发生任何变化。
#1    四、超链接的创建
    超链接（Hyper Link）是Web页面最重要的特性。超链接有文本链接和图像链接两种主要方式。一般说来，每种超链接都包含下述两部分：
    超链接（HyperLink）——在页面中定义作为超链接的文本或图像，使用浏览器时单击超链接点可接向链接目标。
    链接目标（Target）——在浏览器中单击超链接点时所转向的文件的URL或地址。
    1.文本链接
    这是最常用的超链接方式。它可以在任何地方，可以从几个字到数行长。在绝大多数浏览器中采用几种不同方式表明一个超链接。如加下划线，颜色区分，等等，使之能与其它文本区别开。通常鼠标指向链接点时，其指针将发生变化，状态栏也将出现链接的目标名，告知你将链接访问的URL。
    2.图像链接
    有时候，链接的源对象可能是图像，单击页面中图像会启动一个链接，增加主页的可读性和生动性。
    具体操作：选择“Insert——Image”（图像插入）命令，即可将图像放入页中，可参考前面关于图像的内容。
    3.目标定位
    一般情况下，链接的目标文件中以URL来表示，该文件可通过浏览用户的浏览器打开，可以是Web页、图像或声音文件等。
    在指定超链接的目标文件时，可选用绝对参照或相对参照定义其参照系。它们的含义如下：    绝对参照——指明目标文件的精确位置。例如：http://www.cpcw.com。
    相对参照——用相对于当前文件的位置来定位目标文件的地址。例如：当前地址的一个链接可以为surce1.GIF。目标文件驻留在与当前文件相同的地方。
    4.创建超链接
    可在编辑器中创建四种超链接。
    ·在编辑器中选定用于超链接的图像或文本（用鼠标）
    ·选择“Edit-Hyperlink”，进入“Create HyperLink”对话框。
    ·在对话框中选择标签设置链接目标。
    Fill Button：从本地磁盘中选择文件创建超链接。
    E-mail Button：创建一个与所发电子邮件的超链接。
    Worldwideweb Button：选择所创建的超链接类型。
    New Page：输入URL以及页标题，创建链接目标的新页。
    ·定义完超链接后，单击“OK”按钮。
    若所创建的是文本超链接，所选定的文本将以蓝色和下划线的方式显示。
    5.修改超链接
    当超链接创建后，还可以对超链接的文本图像或链接的目标地址进行修改。其方法是：
    ·文本可以直接修改。
    ·图像则先用鼠标右键单击，从弹出的菜单中选择图像属性进行修改。
    ·链接目标的地址的修改，首先要选取图像（也可将插入点放到链接文本中），再选“Edit-Hyperlink”，进入其对话框进行修改。
    6.删除超链接
    删除超链接，有如下几种情况：
    ·删除链接的图像或文本，包括删除与目标文件的链接
    ·只删除链接而保留页面的链接文本或链接图像，可采用“Edit-Unlink”命令。
    ·在“Create Hyperlink”或“Edit Link”对话框，单击“Clear”按钮可删除链接。
    7.书签
    所谓书签，其实就是为页面划分出方位，便于今后引用。
    （1）定义书签
    ·在编辑器中，将插入点移至要定义书签的页面处
    ·用“Edit——Bookmark”命令，进入“书签”对话框设置相关项。
    ·在设置完所有项后，单击OK确认。
    （2）书签的修改和删除
    ·单击定义书签的文本的任意位置。
    ·选用“Edit——Bookmark”进入“书签”对话框。
    ·修改书签名称，可在“书签名”一栏进行，修改完毕单击OK按钮。
    ·如果删除书签，可单击“Clear”按钮。
#1    五、FrontPage Explorer简介
    FrontPage Explorer是一个Web制作和管理工具，用于查看和管理Web现场。可提供窥视FrontPage web内核并揭示其所有文件之间的相互关系。利用它的自动、更新功能，你可以任意增加，移动或重命名Web中的文件，而不必考虑这些文件之间的相互连接。
    FrontPage的主界面分为：菜单区、快捷按钮区、视图切换区和视图区，其所有功能都在视图切换区中。
    1.在Hyper link视图中显示Web页
    Web站点的各个文件之间存在着错综复杂的关系，利用Hyperlink 视图的结构和布局图，便可使它们变得一目了然。
    选择“View——Hyperlink View”（或单击工具栏快捷按钮），FrontPage根据Web中的超级链接，分层次显示出来。视图在部分为当前Web的所有页和其它文件及URL的一个列表。 右边部分则显示Web的图形结构（即从左边的当前资源出发的一个布局图）。该图用图形方式给出了当前资源的链接和包含关系的形象描述。
    2.在Folder视图中查看文件
    采用一种类似与文件管理器的方式，列出了当前文件夹的详细信息，包括文件名、页标题、文件大小、文件类型、修改日期和时间等。利用“Edit”菜单或快捷按钮，用户可以完成Web的基本维护。操作方法类似文件管理器制作。
    3.在All Files视图中显示所有文件
    选择“Files”视图后，在右侧会列出本站点的所有文件的详细信息。
    4.Navigation视图
    利用该视图，用户可方便地建立、显示和打印Web站点的结构信息。这在设计新站点的结构时特别有用。
    5.Hyperlink Status
    该视图指出了当前超链接的状态。它用图形方式指出检查过的超链接是否断开。
    视图共分五栏：
    Status： 状态栏。
    Hyperlink：超链接。
    In Page：所在页。
    Page Title：页面标题。
    Modified by：修改者。
    上述状态中，Status最为重要，它可取三个值：
    黄球+Unknown：表示尚未检查。
    红球+Broken：表示断开链接。
    绿球+OK：表示有效链接。 
    初始时，均标为Unknown，要进行断链检查可选择“Tools--Verify Hyperlinks”工具，系统弹出对话框，要求你选择操作，选“Verify All HyperLinks检查本站点所有的链接点；“Resume Verification”用于恢复检查，（检查工作意外中断后的恢复操作）；“Verify Selcted HyperLinks”只检查事先选定的一个或一组文件。选定后点击“OK”即开始检查工作。自动检查完毕，你可能会发现一些断链，需修改方可正常链接。
    6.Theme View
    它给你的站点增加了图形单元。可将它们应用到某一个网页上，也可以加入到整个网站。    
    7.Tasks
    任务列表，用于监视Web不断变化的任务。可设置某个任务的名称、负责人、优先级，完成日期和任务说明，它能协助管理网站。
#1    六、Front Page98的活动元素
    活动元素（Active Element）是Front Page 98的实用程序，利用它制作出的主页将更生动、有趣。FrontPage的活动元素如下所述。
    1.动态按钮（Hover Button）
    动态按钮其实是一个Java Applets小程序。
    按“FrontPage Editor/Insert/Active Element/Hover Buttor”的顺序操作，即可进入动态按钮对话框，进行属性设置。
    Button Text：将自定义按钮上的文本。
    Link to:定义按钮的链接。
    Button Color：选择按钮的初始颜色。
    Effect:选择鼠标接触按钮所响应的不同效果。
    Effect Color:选择显示特殊效果时按钮的颜色。
    Width：定义按钮宽度。
    Height：定义按钮高度。
    2.标题广告管理器（Banner Ad Manager）
    该管理器也是FrontPage 98内置的Java Applets小程序。该管理器可以让用户看到页面上出现的一系列不断变幻的图片。
    在Editor中选定插入广告管理器的位置，然后插入广告管理器。在管理器对话框，可进行多项设置。
    Width:定义图片宽度。
    Height:定义图片高度。
    Effect:选择需要的效果。
    Show each image for:定义链接地址。
    Images to Display:利用“Add Remove”按钮可定义需要的图片。
    3.文本滚动条（Marquees）
    该滚动条只限于在Internet Explorer中才能被识别，利用它，可以按制作时设定的效果在一定范围内滚动文本。
    使用方法：在Editor中选择插入“Marquees”，在“Margnees Properties”属性对话框自定义如下选项：文本内容、滚动方向、滚动速度、重复特性、位置、大小、颜色等。
    4.搜索表单（Search Form）
    Search Form使访问者在网站中可以查找所有页面中的文字信息，从而迅速地找到所需信息。在站点非常庞大或者结构较复杂时，显得较为方便。
    搜索表单是通过CommonGateway Interface（CGI）的格式编写的。CGI的格式可使页面同主服务器进行通讯并共享信息，使用时要求服务器安装FrontPage Extensions软件。
    向页面插入Search Fonm元素时，定义的选项并不多，主要是不修改文字并设定颜色以及高度，以获得页面整体协调。插入该元素后，用鼠标指向检索元素，会发现鼠标指针下方出现一个小机器人图标，可见该单元是一个WebBot。WebBot是FrontPage中所提供的小程序单元，它是一种动态程序单元，当使用浏览器，浏览包括Bot的页面对可直接由服务器端执行程序，但网页制作者在编辑页面时并不需要编辑程序，只需将适当的Bot插入页面即可。
    实际应用时，在Front Page中使用Search Form可以进行全文搜索。若站点含讨论组，FrontPage也可以将讨论组中的字串作为索引。访问者只需输入欲查询的字串，它便会将索引中相同的字串传回并显示。
    5.点击计数器（Hit Counter）
    这是广为熟悉的一个元素。可以让主页的主人了解其主页受欢迎的程度。Hit  Counter也是一个CGI脚本，需要服务器支持。
    Front Page共有五种不同形式的计数器，并可方便直观地操作计数器回零、固定数字等。    
#1    七、FrontPage的帮助信息
    获取FrontPage帮助的方法：
    ·选取“Help”菜单可进入帮助信息栏。
    ·利用F1功能键可获取当前位置的帮助信息。
    ·单击帮助按钮，再单击菜单命令也可获得帮助。
    ·若在WWW中，可选择“Help——Microsft on the web”，进入Microsoft站点，从中获取相应帮助信息。