第二讲 如何进行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栏。
【相关论坛】 【发表评论】