导航栏是指向 Web 站点中其它 Web 页面的一组链接,显示为水平条或垂直条。
先决条件:- 创建 Web 项目。
- 创建 Web 站点结构。
- 创建或导入 Web 资源。
- 创建页面模板(可选)。
注: 如果使用页面模板来管理 Web 站点中所有页面的布局和可视设计,则可以将导航栏插入到该页面模板上,而不必逐个将导航添加至每个页面。然后,对于站点中每个单独的页面,将动态更新导航栏中的链接。
缺省情况下,所有 Web 页面都显示在导航中且出现在导航栏中;但通常未将站点中的所有页面列示在导航栏中。通常导航栏包含与站点中其它紧密相关的页面的链接。例如,导航栏通常包含与主页或站点的主要页面的链接,这是因为该页面是站点的焦点。在 Web Site Designer 中,此页面称为顶部页面。
可指定哪些页面链接自导航栏。可以设置链接首选项,以便动态创建每个页面的导航栏以反映这些首选项。例如,如果选择将所有子页面都包括在导航栏中,则每个页面的导航栏将只动态链接至特定页面的子页面。
要将导航栏插入到 Web 页面中,执行下列操作:
- 双击 Web Site Designer 中的页面图标以在 Page Designer 中打开“设计”页面。
- 在“选用板”视图中选择 Web 站点导航抽屉。有下列导航栏选项:
- 选择想要插入的导航样式并将选用板对象拖放到页面上。根据选择的导航栏,打开其中一个插入窗口。
- 选择要使用样本导航栏或用户定义的导航栏。如果想要使用样本导航栏,则选择其中一个缩略图图像并填充文件名字段。如果具有用户定义的导航栏,则可以单击浏览来在当前项目中定位文件或从文件系统中导入文件。选择用户定义的导航栏,则文件名字段会被填充。单击下一步。
- 选择想要出现在导航栏中的链接的类型。可以根据页面关系选择链接。例如,可以根据父子关系选择链接,也可以根据顺序(上一页和下一页)来选择链接。如果选择上一个或下一个链接,则可以为这些链接提供要显示的标签(例如,“后退”和“前进”)。 可以从下列类型的链接选择:
- 顶部页面
- 顶部页面的子代
- 祖先页面
- 父代页面
- 兄弟页面
- 当前页面
- 首子代页面
- 子代页面
- 上一个页面
- 下一个页面
- 级别
- 组
- 如果要添加导航的 Web 页面或页面模板是 JSP 或 Faces JSP 页面,则单击下一步。在该向导的“规范文件”页面的“可选设置”上,选择想要使用的导航类型。如果页面或页面模板是 Faces JSP 页面,则选择 HTML 导航和使用 Faces 链接以便为 Faces 创建带有 outputLink 标记的 HTML 定制标记。
- 单击完成。在页面或模板中插入导航图标 (
) 以指示存在导航组件。
- 按 CTRL+S 键以保存更改。这就在页面上插入了导航栏。
一旦保存了更改,您就可以通过单击预览视图选项卡查看得到的导航栏了。