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

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

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

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

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

　　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视图。 www.goodsgy.com

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

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

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

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

　　当使用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 包括在页中的部位。 www.goodsgy.com

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

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

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

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

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