一旦确定了 Web 站点的分层结构,就可以将动态导航添加至框架页面以自动生成链接和站点图。站点结构每次发生更改,都将自动生成导航链接来反映新的 Web 站点结构。
提示: 维护整个站点的一致性的建议方法是使用 Site Designer
工具中提供的页面模板。Web Site Designer
可用来编辑整个 Web 站点的外观。通过使用页面模板,可使得外观在整个站点中保持一致。页面模板包含使用 Site Designer
工具创建的 Web 站点导航(例如,导航栏、导航轨迹和导航菜单)。还可以在“导航”视图中查看 Web 站点来在该站点中添加新的页面、删除页面以及移动页面。
使用框架的典型 Web 站点由下列部件组成:
要将导航添加至框架页面,执行下列操作:
- 将“导航”框架页面作为顶级页面的子代添加至 Web 站点。有关添加导航框架页面的更多信息,请参阅将框架页面添加至
Web 站点。
- 右键单击添加至 Web 站点的“导航”框架页面,然后单击导航 > 在导航中显示以确保新页面不会显示在导航中。
- 双击“导航”框架页面以在 Page Designer 中打开它。
- 通过使用“选用板”中的 Web 站点导航抽屉,将 Web 站点导航对象拖动到“导航”框架页面中。
- 右键单击插入到“导航”框架页面中的“导航”对象并单击属性。“属性”视图打开。
- 在“属性”视图的“规范”选项卡上,单击打开。“导航”对象在 Page Designer 中打开。
- 在 Page Designer 中单击源代码选项卡。对于所有 <a href>
标记,添加以下属性:target='content'。 例如,如果将水平条添加至“导航”框架页面,则应将
target='content' 添加至 horizontal-text.html 对象,其中 content 是内容框架的名称。
<html>
<head>
<title>horizontal-text</title>
</head>
<body>
<div><b> [ </b>
<!-- siteedit:forEach var="item" items="${sitenav.items}" begin="0" step="1" varStatus="status" -->
<!-- siteedit:if test="${!status.first}" -->
<b> | </b>
<!-- /siteedit:if -->
<a href="${item.href}" target='content'>${item.label}</a>
<!-- /siteedit:forEach -->
<b> ] </b>
</div>
</body>
</html>
- 按 CTRL+S 键以保存更改。导航对象将添加至“导航”框架页面。