编者按： www.goodsgy.com

　　制作主页通常被认为是一个复杂的工作，其实微软公司的FrontPage能使这项工作变得简单而轻松，就象使用Word进行文字处理一样。 www.goodsgy.com

　　由《软件世界》杂志社与微软公司联合举办的“FrontPage 98系列讲座”共分7讲，本期刊出的是第一讲。 www.goodsgy.com

　　概述 www.goodsgy.com

　　自从全球广域网（World Wide Web或简称Web）问世以来，在计算机技术方面掀起了强大的进步和变革的风暴。Web之所以对最终用户有吸引力，部分原因是它使用了包括搜索和超链接等的直觉技术使用户容易找到所需要的信息。Web也吸引开发者、专业人员和其他各种人士，因为它充分利用了开放式的、不依赖平台的标准，在客户和服务器两方面简化了管理，降低了成本。 www.goodsgy.com

　　当你浏览Web站点时你所看见的文档叫做Web页，Web站就是由一组经过良好组织和管理的Web页组成的。 Web页是用一种叫做超文本标识语言（HTML）创建的。HTML具有一种特殊的语言格式，只能够被有Web浏览器的计算机阅读。Web浏览器把HTML语言翻译成为可以直观阅读的多媒体Web文档。过去创建和管理Web页都要使用H TML，这就只有训练有素的专业人员才能胜任。为了满足非专业人员自己创建和管理Web站的需要，微软公司开发Fro ntPage。 www.goodsgy.com

　　经过几个版本的改进，新推出的FrontPage 98是一个功能强大的创建和管理Web站点的程序。使用它不用编程就可以创建内容丰富、专业化的Web站点。它的界面类似Word字处理软件的界面，容易使用。它完全支持“W eb最佳”技术，可使简单的操作自动化，复杂的操作简单化。 www.goodsgy.com

　　近年以来一些公司正在内部网络中利用World Wide Web的开发式技术，建立自己内部的Web站点。这些内部的Web就叫做Intranet。它在内部出版、发布信息和协作等方面有广阔的前途。Intranet成本较低并且容易建立。大多数公司能够在他们已经有的局域网或广域网上运行Intranet，而不会有公共Internet 上的安全等方面的问题。用FrontPage 98来创建和管理内部Web，与创建Internet上的Web的过程相同。 www.goodsgy.com

　　第一讲 FrontPage主题样式使Web站点绚丽多彩 www.goodsgy.com

　　如果Web站点过于平白直朴，自然缺乏视觉魅力，久之定会少人问津。常常见到这样的现象──某一Web页是深紫色页面上配以浅黄色的文本以及各种的按钮，这样的页面看起来就好象是百货商店廉价的帆布袋，根本谈不上爽心悦目。 www.goodsgy.com

　　如今面临这样的问题，你可以在新版的FrontPage 98中找到帮手，它就是FrontPage 98中被称为“主题样式（Theme）”的特性。利用这一特性，你可以快速赋予Web站点以引人入胜、美观统一的风格外貌，并且改变风格外貌也易如反掌。在本文中，我就向你展示如何将FrontPage 98中主题样式应用到Web页中。 www.goodsgy.com

　　主题样式中有什么？ www.goodsgy.com

　　FrontPage中所谓的“主题样式（Theme）”，就是字体和颜色的定义、项目符号、按钮、水平分界线以及其它图形特征的集合。这些特征结合在一起的综合效果就形成Web站点最终的面貌。 www.goodsgy.com

　　表A列出了FrontPage 主题样式的组成部分。 www.goodsgy.com

　　表A：主题样式的内容 www.goodsgy.com

　　定义项目 www.goodsgy.com

　　* 颜色和标题字体（H1－H6） www.goodsgy.com

　　* 颜色和段落文本字体 www.goodsgy.com

　　* 普通、活动以及被访问的超链接的颜色 www.goodsgy.com

　　* 背景色 www.goodsgy.com

　　图形组成 www.goodsgy.com

　　* 背景图形 www.goodsgy.com

　　* 水平分界 www.goodsgy.com

　　* 3种项目符号 www.goodsgy.com

　　* 用户引导按钮 www.goodsgy.com

　　* 页标题 www.goodsgy.com

　　比较一下图A和图B，你一眼就能看出主题样式是如何影响一个Web站点的风格的。这两个图反映的是同一个内容的页面，唯一的区别是它们两个所采用的主题样式不同。不用说，对这个站点，图A中所采用的“Expedition(探险)”主题样式就肯定比图B中的“Satruday TV Toons”更贴切于页面的主题内容。 www.goodsgy.com

　　图A：主题样式“Expedition（探险）”毫无疑问与“Extreme Adventure(极限冒险 )”站点很对路子 www.goodsgy.com

　　图B：而“Satruday TV Toons(星期六的TV椿树)”却有些格格不入 www.goodsgy.com

　　应用主题样式 www.goodsgy.com

　　可在FrontPage Explorer的主题样式视图中将一个主题样式应用到当前的Web页上。Fron tPage提供了一大堆专业设计的主题样式让你尽情选择。 www.goodsgy.com

　　应用主题样式的操作非常简单。单击一个主题样式的名称后，在预览窗口中可以看到相应的样子。找到所喜欢的主题样式以后，单击[Apply]按钮，则该主题样式就应用到Web的每一页。以后需要时可再次回到主题样式视图，从中选择其它的主题样式。单击[Apply]按钮完成操作以后，FrontPage会自动更新整个Web的画面。www.goodsgy.com

　　一个例子 www.goodsgy.com

　　下面，我就试着做一个实际的例子。要创建的是这样的一个简单主页：一家假想的四季宾馆“Seasons Ho tel”的宣传页面。为了验证主题样式是如何起作用的，页面将包括如图C所示的一系列的组成要素。 www.goodsgy.com

　　图C：创建这个样本页来看一看主题样式是如何工作的。 www.goodsgy.com

　　开始之前，首先启动“FrontPage Explorer”，然后在“Getting Started”对话框中选择“Creat A New FrontPage Web”单选钮。然后单击OK。在随后出现的“New F rontPage Web”对话框中，第一步，从“1”下面的列表框中选择“Empty Web”；第二步，在“2” 后的文本框中输入Web页所在的文件夹的名字（例如“My New Page”、“Theme”等等），这里我输入“ HotelWeb”，然后单击OK。 www.goodsgy.com

　　接着FrontPage Explorer就会在Folders视图中显示新的、空白的Web页（如图D、E 所示）。 www.goodsgy.com

　　图D 图E www.goodsgy.com

　　单击[Themes]按钮转到图F所示的显示状态。这一窗口由2个主要部分组成：左边是现有可供选择的[Th emes]的滚动条列表，右边是“Theme Preview”（主题样式预览）窗口。由于缺省上未给Web指定任何主题样式，因此图中显示的预览窗口中什么也没有。 www.goodsgy.com

　　图F：单击[Theme]图标后主题样式视图第一次显示时的窗口。 www.goodsgy.com

　　单击“Use Selected Theme”下面下拉列表框中的主题样式就可以知道不同的主题样式到底是怎样的，因为每选中一个主题样式，FrontPage就在预览窗口中装载一个样本HTML文件，该主题样式的模样就显示出来了。 选择了一个主题样式后，还可以利用列表下面的核选框来改变具体的显示效果。第一个选项是“Vivid Co lors”（鲜亮的色彩），可用来改变FrontPage用在正文、标题及链接颜色上的颜色调色版。 www.goodsgy.com

　　有一些主题样式，例如“Modern Contrast”，其中包含有动画的按钮或者是水平分界线。对于这样的主题样式，关闭“Active Graphics”选项时（即核选框中是空白的），则FrontPag会用简单的图形替代原来的动画GIF。而在另一些主题样式中，随着此项设置的改变，你还可以看到其它一些表现各不相同的项目符号和水平分界线。 www.goodsgy.com

　　最后一项是“Background Image”(背景图案)选项，用来控制背景图案是否在每一页上出现。如果关闭了背景图案选项，每一个主题样式都相对应着另一个单色背景。 www.goodsgy.com

　　根据需要单击相应的核选框，随之在预览窗口就可以看到前面一通设置后相应的效果，因为FrontPage会随着具体操作而相应地改变预览窗口中的显示。 www.goodsgy.com

　　对本文中的这个例子，选择“Nature”并选中所有的3个核选框。单击[Apply]按钮以确定选择。随即状态条中显示“正在应用主题样式……”、“主题样式应用完毕”的信息。除此以外再没有其它的反应。你也许正疑惑以上的操作到底有什么效果，那么就需要给Web添加一页来看看我们的主题样式是否真得起作用了。 www.goodsgy.com

　　添加应用主题样式的一页 www.goodsgy.com

　　单击[Folders]图标返回Web的标准视图。而后单击工具条上的“New Page”按钮。则Fron tPage随后建立一个叫做“index.htm”的新页。在该页文件名图标上双击就可在FrontPage编辑器中打开它。 www.goodsgy.com

　　因为新页面是空白的，唯一能够表明该页已经应用了一个主题样式风格的指示是所出现的背景图案（或颜色）。我过一会儿再对背景图案进行改变。程序缺省地给定页面的标题是“Home Page”。为了避免千篇一律的“Home P age”标题，我现在想给这个新页面另起一个标题。方法是，返回FrongPage Explorer单击[Navi gition]按钮进入如图G所示的视图。将鼠标光标移到“Home Page”上然后再单击鼠标右键，从响应的快显菜单中选择“Rename”菜单项，然后输入新标题“Seasons Hotel”即可。 www.goodsgy.com

　　图G：单击“New Page”按钮后的Navigation视图 图H：给Web标注个体特色的名字 www.goodsgy.com

　　首先在页面添加一个叫做页标题的组件（不要与广告标题相混淆）。从“Insert”菜单中选择“FrontP age Component...”菜单项则弹出“Insert FrontPage Component”对话框，如图E所示。选择“Page Banner（页标题）”然后单击[OK]。如果“Page Banner Prope rties...（页标题属性）”对话框再次出现，则再单击[OK]即可。则在页面上部出现一个绝妙的“Season s Hotel”标题。 www.goodsgy.com

　　图I：让FrontPage根据页标题和主题样式来创建一个页面标题。 www.goodsgy.com

　　在标题之下，需要添加Seasons Hotel的标语。方法是，键入“Enjoy yourself al l through the year”后从工具条上的“风格”下拉列表中选择“Heading 2”。将光标移动到标语的下面然后按[Enter]键来增加一些空白行。此时，还可以同时高亮度选中标题和文本后单击工具条上的居中按钮使它们居中对齐。 下一步，是输入宾馆的有关宣传内容。将宣传内容分为两级项目符号。首先键入图C中的项目内容，每行一项，先不考虑格式。 www.goodsgy.com

　　然后，同时高亮度选中所有9个项目而后从“风格”下拉列表中选择“Bulleted List”来格式化这些项目。接着，选择“Spring(春天)”的第一个项目（March）然后单击“Increase Indent”和 “Bulleted List”按钮。以下对每一个缩进的项目都重复这一操作。现在你的页面应如图F所示的这样。 www.goodsgy.com

　　图J：主页中加入了两级的项目符号。www.goodsgy.com

　　最后加上一个水平分界线和E-mail链接就可以完成这个简单的作品了。先在页面的底部单击，然后从“Ins ert”菜单中选择“Horizontal Rule”。 www.goodsgy.com

　　要加上“mail to”链接，先键入“Send us mail”。然后选中刚刚输入的文字（注意：只能是文字而不要包括段落符号）后单击工具条上的“Create or Edit Hyperlink”按钮。在“Crea te Hyperlink”对话框中，单击E-mail按钮，键入：PRM@Seasonshotel.com，然后单击OK两次返回主页。 www.goodsgy.com

　　这样，一个简单（但却绝对美妙吸引人的）Web主页就完成了。现在要做的是保持我们的工作成果。如果愿意的话，你也可以在“Preview”（预览器）中预览一下。当保存主页时，如图K所示的“Save Embedded F iles”对话框会出现。在这种情况下，FrontPage需要在Web中增加5个与主题样式相关的图形。单击OK即完成保存的操作。 www.goodsgy.com

　　图K：FrontPage给Web中增加一些与主题样式相关的图形。 www.goodsgy.com

　　注意，如果是从本地文件预览页面，有一些效果不能正常地显示。这时需要将它发布给一个支持FrontPage Server Extensions的客户机（服务商），才能知道页面究竟显示的是怎么样的。 www.goodsgy.com

　　改变主题样式 www.goodsgy.com

　　前面说过，改变Web的主题样式就如上面所介绍的应用主题样式一样简单。而这一过程的操作方法是，返回Fro ntPage Explorer然后单击[Themes]按钮。从中选择其它的主题样式或者是改变当前主题样式的设置。当返回FrontPage Editor后，现在的Chez Ralph页应以新面貌出现（当前Web中所其它页也都应该换了新面孔）。 然而有时候，你可能希望只改变其中一页的主题样式－－或者去掉本页面现有的主题样式。操作步骤是首先从FrontPage Editor的“Format”菜单中选择“Theme...”选项。www.goodsgy.com

　　随后弹出的“Choose Theme”的对话框，与FrontPage Explorer中的主题样式视图极其相似，只是稍微有一些变化，如图L所示。现在可任选左上角的3个单选钮，如果选择“This Page Does Not Use Theme”，将删除当前页所有的主题样式信息。而选择“Use Theme From Curre nt Web”则是告诉程序使用你在FrontPage Explorer中设置的缺省的主题样式。选中该项后，你所设置的缺省主题样式是怎样的，该页的主题样式就是怎样的。最后一个选项是“Use Selscted Theme”，单击该项就可以为当前页选择不同的主题样式。如果选择此项，在FrontPage Explorer中所作的任何改变都不会影响到这一页。 www.goodsgy.com

　　图L：为特定页选择特定的主题样式而不一定是整个Web。 www.goodsgy.com

　　结语 www.goodsgy.com

　　采用FrontPage的主题样式，整个Web立即呈现色彩缤纷、美观大方且极具吸引力的界面，而且操作过程相当简单方便：只需轻轻按动几下鼠标，Web的面貌马上随之改变。www.goodsgy.com