一旦确定了 Web 站点的分层结构,则可以将动态导航添加至页面模板以自动生成链接和站点图。每次对站点结构进行更改,都将自动重新生成导航链接以反映新的 Web 站点结构。
导航栏是指向其它 Web 页面的一组链接,在 Web 站点中显示为水平条或垂直条。缺省情况下,所有 Web 页面都显示在导航中且出现在导航栏中;但通常未将站点中的所有页面都列示在导航栏中。通常导航栏包含与站点中其它紧密相关的页面的链接。例如,导航栏通常包含指向主页或站点的主要页面的链接,这是因为该页面是站点的焦点。在 Web Site Designer 中,此页面称为顶部页面。
可指定哪些页面链接自导航栏。可以设置链接首选项,以便动态创建每个页面的导航栏以反映这些首选项。例如,如果选择将所有子页面都包括在导航栏中,则每个页面的导航栏将只动态链接至特定页面的子页面。
导航轨迹显示指向当前页面的路线。这允许您返回至上级/父代页面。
站点图是一组至站点中其它页面(组织这些页面来模拟 Web 站点的结构)的链接。还可以指定是否要将页面包括在站点图中。
Web Site Designer 在将 Web 站点导航插入到页面中且保存该页面时动态生成导航栏和站点图链接。导航栏和站点图是使用包含在 website-config XML 文件中的站点结构信息创建的,并通过 Web Site Designer 以及为 Web 站点导航本身指定的设置对其进行管理。“选用板”视图包含名为 Web 站点导航的抽屉,该抽屉包含可拖放到 Page Designer 的“源代码”页面或“设计”页面中的导航对象(例如,导航栏和站点图)。要打开 Web Site Designer,在“项目资源管理器”视图中展开 Web 项目,然后双击 Web 站点导航。
下表说明了基于下列 Web 站点导航的表栏、导航选项卡、导航下拉菜单、导航轨迹和站点图之间的差别:
各种 Web 站点导航选项类似于以下 Web 站点导航的“预览”视图中的示例:
Web 站点导航 | 预览视图 | 用法 |
---|---|---|
水平条 | ![]() |
可以通过遵循导航栏中的链接转至其它紧密相关的页面。 |
垂直条 | ![]() |
可以通过遵循导航栏中的链接转至其它紧密相关的页面。 |
水平选项卡 | ![]() |
可以通过遵循导航选项卡中的链接转至其它紧密相关的页面。 |
垂直选项卡 | ![]() |
可以通过遵循导航选项卡中的链接转至其它紧密相关的页面。 |
导航轨迹 | ![]() |
可以返回至上级/父代页面。显示指向该页面的路线。 |
下拉菜单 | ![]() |
可以通过遵循导航菜单中的链接转至其它紧密相关的页面。 |
站点图 | ![]() |
提供指向站点中其它页面的一组链接(它们被组织为模拟 Web 站点的结构)。 |