插入导航栏

导航栏是指向 Web 站点中其他 Web 页面的一组链接,显示为水平条或垂直条。
先决条件:
  1. 创建 Web 项目。
  2. 创建 Web 站点结构
  3. 创建或导入 Web 资源。
  4. 创建 Web 页面模板(可选)。
    注: 如果使用页面模板来管理 Web 站点中所有页面的布局和可视设计,则可以将导航栏插入至该页面模板,而不必将导航逐个添加至每个页面。然后,对于站点中每个单独的页面,将动态更新导航栏中的链接。

缺省情况下,所有 Web 页面都显示在导航中且出现在导航栏中;但通常未将站点中的所有页面都列示在导航栏中。通常,导航栏包含与站点中其他紧密相关的页面的链接。例如,导航栏通常包含与主页或站点的首页的链接,这是因为该页面起到站点焦点的作用。在 Web 站点导航中,此页面称为首页

可以指定导航栏所链接的页面。可以设置链接首选项,以便动态创建每个页面的导航栏以反映这些首选项。例如,如果选择将所有子代页面都包括在导航栏中,则每个页面的导航栏将只动态链接至特定页面的子代页面。

可以通过从“选用板”视图中插入导航对象来将该导航栏插入至 Web 页面。下表显示了 Web 站点导航中不同导航栏选项之间的差别:
导航类型 导航图标
水平条 图示为水平导航栏
水平选项卡 图示为水平导航选项卡
垂直条 图示为垂直导航栏
垂直选项卡 图示为垂直导航选项卡

要将导航栏插入至 Web 页面,请执行下列操作:

  1. 要打开 Web 站点导航,请在“项目资源管理器”视图中展开 Web 项目,然后双击 Web 站点导航
  2. 双击 Web 站点导航中的页面图标以在 Page Designer 中打开“设计”页。
  3. 选择“选用板”视图中的“Web 站点导航”抽屉。有下列导航栏选项:
    • 水平条
    • 水平选项卡
    • 垂直条
    • 垂直选项卡
  4. 选择要插入的导航样式并将该选用板对象拖放至页面。根据选择的导航栏,打开其中一个插入窗口。
  5. 选择是要使用样本导航栏,还是要使用用户定义的导航栏。如果要使用样本导航栏,则选择其中一个缩略图图像并填充文件名字段。如果具有用户定义的导航栏,则可以单击浏览来在当前项目中定位文件或从文件系统中导入文件。选择用户定义的导航栏,则文件名字段会被填充。单击下一步
  6. 选择要显示在导航栏中的链接的类型。可以根据页面关系选择链接。例如,可以根据父子关系选择链接,也可以根据顺序(上一页和下一页)来选择链接。如果选择上一个或下一个链接,则可以为这些链接提供要显示的标签,例如,“后退”和“前进”。 可以从下列类型的链接选择:
    • 首页
    • 首页的子代
    • 祖代页面
    • 父代页面
    • 同代页面
    • 当前页面
    • 第一个子代页面
    • 子代页面
    • 上一个页面
    • 下一个页面
    • 级别
  7. 如果要添加导航的 Web 页面或页面模板是 JSP 或 Faces JSP 页面,则单击下一步。在该向导的“规范文件的可选设置”页上,选择要使用的导航类型。如果页面或页面模板是 Faces JSP 页面,则选择 HTML 导航使用 Faces 链接以便为 Faces 创建带有 outputLink 标记的 HTML 定制标记。
  8. 单击完成。将在页面或模板中插入导航图标以指示存在导航组件。
  9. Ctrl+S 键以保存更改。这就在页面上插入了导航栏。请注意,不能在将导航栏添加至页面之后更改它的类型。
相关概念
动态导航元素
相关任务
插入下拉列表
插入导航轨迹
插入站点图
插入导航菜单

反馈