当站点的结构发生更改时(例如,当添加新的页面时),将自动重新生成导航链接来反映新的 Web 站点结构。将特殊注释标记用于导航栏和站点图来完成此动态导航。对一个 Web 项目双击“项目资源管理器”视图中的“Web 站点导航”将在“导航”页中启动 Web 站点导航。
在 Web 站点导航中,Web 站点在“导航”页中可视地显示。Web 站点中的每个 Web 页面都表示为页面图标。用线连接页面图标以说明页面之间的关系。页面之间可以有几种关系,许多关系是模仿家庭关系的。例如,页面可具有父子关系或同代关系。
在以下示例中,index 页面具有连接至页面 product 和 feedback.jsp 的线。这意味着 index 是子代页面 product 和 feedback.jsp 的父代。还意味着 product 页面和 feedback.jsp 页面彼此是同代关系。
在层次结构中,error 页面与 index 页面的级别相同;然而,它没有使用连接线与任何其他页面连接。error 页面和 index 页面不具有家庭关系类型,而是具有同级关系。
页面关系用来自动生成导航链接。因此,如果在 index、product 和 feedback.jsp 页面上都选择了在导航中显示选项,feedback.jsp
页面的导航栏会包含指向其父代(index 页面)和指向其同代(product 页面)的链接。可以看到所有这三个页面都显示在导航中,这是因为“显示在导航”中图标 是可视的。然而,error 页面未显示在导航中。这是可以理解的,因为当站点遇到问题时,您可能想要创建可以显示的 error 页面;但是,您希望该 error 页面不会作为导航部件或在站点图中显示出来。还可以从站点图中包括或除去页面。在本示例中,所有页面(error 页面除外)都显示为在站点图中显示
。
一般将首页(通常是站点中创建的第一页)设置为导航根 ,尽管可以更改导航根页面。导航根很重要,因为它确定生成 Web 站点部件导航(例如,导航栏和站点图)时使用的链接级别。在本示例中,index 页面是导航根。
在 Web 站点导航中,还可以看到哪些页面具有与它们相关联的实际文件,如“代码”图标 和
中所指示的一样。在本示例中,index 页面具有相关联的 HTML 文件,而 feedback.jsp 页面具有相关联的 JSP 页面。具有与其相关联的文件的页面图标还具有实线黑色边框,而仅带有图标的页面则具有虚线边框以表示它们只是占位符。
还可以从页面图标分辨出是否应用了页面模板。缺省情况下,如果有与页面相关联的页面模板,则图标的背景为蓝色。您会看到页面模板已应用于 index 页面,因为页面图标背景是蓝色的。
一旦定义了带有首页的新 Web 站点,则可以通过在 Web 站点导航中创建页面图标以便对站点进行详细计划,从而填充站点。可以使用 Web 站点导航来规划和布局整个站点组织,然后创建每个 Web 页面文件来填充站点。
可以将这些 Web 站点导航工具与其他 Web 工具(例如,页面模板)一起使用。可以改变现有页面模板或创建您自己的页面模板,然后,将该页面模板应用于 Web 站点中的所有 Web 页面来确保设计一致。例如,要更改每个 Web 页面中导航栏的大小,可以不必对每个页面都进行更改,而是通过改变页面模板来改变导航栏的大小。这些更改将应用于整个 Web 站点。