重生海贼王之僵尸大将:制作网页是用frontpage制作了再把它发到网上去还是直接申请免费主页在网上制作?

当然先制作

选前者
再去问高手把 我也不太清楚

用花生可

编者按：

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

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

概述

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

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

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

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

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

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

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

主题样式中有什么？

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

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

表A：主题样式的内容

定义项目

* 颜色和标题字体（H1－H6）

* 颜色和段落文本字体

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

* 背景色

图形组成

* 背景图形

* 水平分界

* 3种项目符号

* 用户引导按钮

* 页标题

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

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

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

应用主题样式

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

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

一个例子

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

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

开始之前，首先启动“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。

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

图D 图E

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

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

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

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

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

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

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

添加应用主题样式的一页

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

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

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

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

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

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

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

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

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

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

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

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

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

改变主题样式

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

随后弹出的“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中所作的任何改变都不会影响到这一页。

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

结语

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

第二讲 如何进行Web站导航结构设计——FrontPage 98 Navigation栏的应用

当你浏览Web时，从一个Web网页进入另外一个Web网页，或一个Web站点到另外一个Web站点主要靠超链接（hyperlink）和图象地图（image map）。实际在图象地图上也是包含了许多看不见的超链接，当把鼠标指向这些超链接时，鼠标光标就会变成手的形状。从哪一页进入下一页或返回前一页是首先由Web站的结构设计或导航结构设计所确定的。

用FrontPage 98新的Navigation View（导航视图）功能能够快速方便地创建和管理W eb站的导航结构。并且容易创建新的网页和调整已有网页的位置。即容易用Navigation视图来实现上述初步设计，实现在Web站上各网页之间的互相连接关系。在Web站上关键的网页之间创建导航链接，可以较容易地组织Web站，使用户可以方便地从一个网页进入到另外一个网页。也可以从Navigation View打印出整个Web站的导航结构地图（map）。

FrontPage 98提供了创建和管理站点的向导和工具。用这些向导和工具可以在Web页中添加文本、图形 、控制页和创建超链接，也可以创建各种导航结构。下面举例说明如何用其中的一种向导来进行Web站的导航结构设计。

1. 首先从"开始（Start）"菜单选择"程序（Programs）\Microsoft FrontP age"命令，在打开的"Getting Started"对话框中选择"Create A New FrontPa ge Web"单选钮，并单击"OK"按钮。将打开"New FrontPage Web"对话框。

2. 从对话框上面的#1部分的"From Wizard Or Template"中的"Personal Web"等6种向导中可以任选一种。当光标增亮某种向导时，下面会提示该种Web站应该包括哪些网页。例如选择"Cu stomer Support Web"，在对话框的下面#2部分"Choose A Title For Your Web"的文本框中输入你的Web站的名称，例如"support"，然后单击"OK"按钮。将在FrontPage Explorer中打开名叫"support"的FrontPage Web站。其中左边"Views"下面的一条就是视图栏，从Views栏中单击"Navigation"按钮将打开Navigation View视图。

Navigation View由两个窗口面板组成，上下各一个。上面的窗口是导航面板，其中显示了Web站的导航结构。而下面窗口是File（文件）面板，文件面板的"Contents"下包含了Web站的文件夹和文件列表。根据当前Web站的结构，在开始创建Web站时，浏览视图中通常只能看见主页（Home Page）。要扩充Web 站的导航结构，可以从屏幕的"Contents" 部分把扩展名为.htm的文件直接拖放在主页下，把它们连接到主页。也可以在Navigation View中选择任何网页，并单击"New Page"按钮来创建新网页，新网页将直接连接到增亮选取的网页的下面。这就是说要创建导航链接到某个网页，只需要简单地把该页对应的文件拖放到Naviga tion面板并把它连接到适当的网页。这个文件拖到Navigation面板之后就变成了方形图标，根据释放的位置，该图标（代表相应网页）将自动与所靠近的网页连接。

3. 增亮选取Navigation面板的"Home Page"页后，单击FrontPage Explo rer左上角的"New Page"按钮三次，则在主页下建立三个新的页（pages）。单击第一个新页的标题（Ne w Page 2）并键入"产品"来重新命名第一个新页。用同样的方法来把其他的两个新页（一旦选择了一页后，可按t ab键，在页之间切换）分别命名为"新闻"、"服务"。再用同样方法增亮选取Navigation面板的"产品"页后，单击FrontPage Explorer左上角的"New Page"按钮三次，则在主页下建立三个新的页："卡车"、"小轿车"和"越野车"。

当已在Navigation View中添加了新的网页后，如果需要调整网页之间的关系可以拖动它们，把它们连接到不同的页。也可以从导航视图重新把新建的网页连接到不同的页，还可以重新命名或删除已经有的网页。

根据在Navigation View中Web站的结构，用FrontPage 98也能够在Web站的各个网页上添加Navigation栏。要FrontPage 98 自动添加导航栏的所有网页，必须在整个Web站激活 Shared Borders（共享边界）功能。可以用Navigation View 把共享边界功能应用到Web 站的每一页。Shared Border是页面上的一些特定区域，它上面包括有关于你的Web站的、浏览Web站的导航帮助的或者浏览者所需要的其他的统一的信息。Shared Border可以通过Web站自动更新，如果在页面上编辑共享边界的内容，则其修改将显示在使用了同一共享边界的每一页。如果选定了要统一显示在Web站的每一页的内容，可以使用共享边界来实现。

当使用FrontPage 98的向导时，将自动为所创建的Web站创建共享边界。向导也会引导布局连接到站点上的各个Web网页。也可以从FrontPage Explorer选择"Tools\Shared Border s"命令来创建共享边界。必须在所有网页的顶部（top）、底部（botton，用于脚注）、左边或右边激活Shar ed Borders。即从打开的Shared Borders 对话框中的Borders To Include区域选择Top、Botton和Left或Right复选框，单击"OK"按钮，以选择要把Shared Border 包括在页中的部位。

利用从Navigation View的下面窗口面板的"contents"中把要添加的网页拖动和释放在N avigation View 的上部窗口面板的方法，可以继续把网页添加到导航结构图中。一旦你已经把全部必须的的导航网页都添加到主要的Navigation View 窗口之后，单击Size To Fit 按钮，FrontP age就会自动调整所有的网页的大小，使之都能够显示在Navigation View的上部窗口。

为了帮助跟踪网页，可以单击网页图标底下的加号或减号以折叠或扩展导航图，也可以对中网页的图标，如图4所示。

一旦设计好了Web站的结构之后，可以选择"File"菜单的"Print Navigation View "命令打印导航结构图。采用上述折叠某些部分或者扩展另外一些部分的方法，可以打印出Web站各个区域的导航结构图。

现在如果双击Navigation View上的网页图标之一，就可以在FrontPage Editor中打开该页。如果已经在Web站上的各页都选择了顶部（top）和左边（left）的Shared Borders （共享边界），则网页的顶部和左部边界都包括在导航栏中了。这些导航栏与你选择的站点的主题样式（Theme）是相互匹配的。例如，双击导航视图中的"产品"页图标，可以在FrontPage Editor中打开"产品"页，对它进行编辑，包括输入和格式化文本，插入图片、动画、音乐、视频片断等。图5所示是开始输入文本和图形的情况。

如果要修改整个站点的Shared Border设置，可以从FrontPage Explorer的Too ls菜单选择Shared Borders命令。如果只需要修改正在操作的个别网页的共享边界的设置，则可以从Fro ntPage Editor中的"Tools"菜单中选择"Shared Border"命令。当添加了新的网页或者重新组织了Navigation View的结构之后，FrontPage 98会自动更新Navigation栏。

第三讲 共享边界及图象动态按钮使Web更完美

FrontPage 98的共享边界是一项出色的功能，在创建Web中起着重要作用，本文介绍共享边界的概念、功能和实际操作方法（包括在整个Web站或特定网页上启用、禁用共享边界），特别着重阐明了比较容易混淆的整个We b站和单个网页上启用、禁用这项功能。而图象动态按钮可使Web站更生动活泼，可吸引用户访问。两者结合应用将可快速方便地创建生气勃勃的Web站，使之更完美。

什么是共享边界？它有什么作用？

FrontPage 98新添加了共享边界（Shared Borders）功能。通常共享边界是保留用来放置统一出现在当前FrontPage Web的全部网页内容的区域。使用共享边界功能时，只要执行一条命令就能够把一个或者几个边界元素用于Web站内全部网页或者指定的网页，大大简化了Web站点的创建工作。

在默认设置时，FrontPage把网页标题和导航栏（Navigation bar）放入共享边界中，但是你也可以把它们放在页面的任何地方。导航栏是一些与导航超链接结合一体的图形或文本页面元素。用户单击这些图象或者文本元素就可以被引导进入Web站上的其他网页。通常导航栏只是共享边界的内容之一，如果Web站启用了共享边界功能，它就可以出现在整个Web站的各个网页中。例如，如果你要把公司的名字、地址、电子函件信箱和版权声明放在每个网页底部的脚注中，就可以在当前Web站启用底部共享边界。为此你只需要打开当前Web站内任何一个启用了底部共享边界的网页，在底部键入公司名称、地址、电子函件信箱和版权声明，这些内容就会自动地出现在该Web站的全部启用了底部共享边界的网页上。

当你已经在导航视图（Navigation View）中添加了新的网页后，如果需要调整网页之间的关系可以拖动它们，把它们连接到不同的网页。你也可以从导航视图重新把新建的网页连接到不同的网页，还可以重新命名或删除已经有的网页。

根据Navigation视图中Web站的结构（即导航结构），FrontPage 98也能够在该Web站的各个网页上添加Navigation栏。必须在整个Web站激活Shared Borders（共享边界）功能，才能够使FrontPage 98 自动地把导航栏添加到多个网页上。你可以用Navigation 视图把共享边界功能应用到Web站的每一网页。Shared Border是页面上的一些特定区域，该区域上包括有Web站的、浏览W eb站的导航帮助或者浏览者所需要的其他的统一的信息。Shared Border可以通过Web站自动更新，如果在页面上编辑共享边界的内容，则其修改将显示在使用了同一共享边界的每一个网页上。如果你选定了要统一显示在Web站上的每一网页的内容，可以使用共享边界功能来实现。

当你使用FrontPage 98的向导时，将自动为所创建的Web站创建共享边界。也可以从FrontPa ge Explorer选择"Tools\Shared Borders"命令来创建共享边界。执行该命令后必须在所有网页的顶部（top）、底部（botton，用于脚注）、左边或右边激活Shared Borders。即从打开的 Shared Borders 对话框中的Borders To Include区域选择Top、Bottom和Le ft或Right复选框，单击"OK"按钮，以选择能把Shared Border 包括在网页中的部位。 是否在网页上启用共享边界功能可以灵活掌握。你既可以指定当前网页使用当前 Web站默认的共享边界，也可以只给当前网页自定义共享边界。如果在当前Web站内启用了共享边界功能，你也可以用"Shared Borders"命令在当前网页或部分网页中禁用一部分或者全部的共享边界，用户使用Web浏览器查看时，禁用共享边界的页面将不会出现共享边界的内容。例如，如果当前Web使用了左共享边界，其中包含有导航栏，而你在某网页上禁用了这个左共享边界，当用户浏览该网页时，将不会显示左边的导航栏。

在网页中启用共享边界的选项

再则，如果在当前Web站禁用了共享边界，你还可以从FrontPage Editor中用"Tools\S hared Borders"命令在当前的网页中启用共享边界。然而，你放在当前网页中的共享边界的内容，将不会出现当前Web站的其他网页中。这时如果要在其中某些网页中显示共享边界的内容，就必须逐个网页启用，或者在FrontP age Explorer中用"Tools\Shared Borders"命令，启用整个Web站的共享边界功能。如果当前网页是分画面的（frames）网页，你就不能够启用共享边界功能。

要在某个网页（而不是整个Web站）启用、禁用或编辑修改共享边界就要从FrontPage Editor中选择"Tools\Shared Borders"命令，打开Page Borders对话框。

对话框中有两个单选钮，其中一个是"Use web default"。要在当前网页使用当前Web站默认共享边界设置时才选择这个单选钮，如果要单独为当前网页设置不同的共享边界就不能选取这个单选钮，否则为该网页单独设置的共享边界将不起作用。如果在当前Web站已经启用了共享边界功能，并且你以前已经为当前网页单独设置了共享边界，则选用这个单选钮将使当前网页采用当前Web站默认的共享边界，而覆盖该网页原有的共享边界。 如果要当前网页只用这个对话框复选框的共享边界，则要选取"Set For This Page Only"单选钮。选取这个单选钮后，则当前网页将使用这个对话框的共享边界，而覆盖当前Web站默认的共享边界。这时可以通过选取上述对话框预览面板左面的四个复选框（Top、Left、Right和Bottom），而启用不同的共享边界组合。例如，选取或取消对"Top" 复选框的选择，将启用或禁用顶部共享边界。

向导默认设置的共享边界

如果当前Web站是用FrontPage的模板（templates）或向导（除了Discussion W eb 和Empty Web向导之外）创建的，则会自动创建和启用共享边界。要修改其中某些网页的共享边界可以从上述 Page Borders对话框中进行修改。

在FrontPage 98部分向导中默认设置的共享边界，如下表所示:

Wizards（向导）

Shared Borders（共享边界）

Corporate Presence Wizard

top, left, bottom

Customer Support Web

top, left, bottom

Personal Web

top, left

Project Web

top, left, bot