将动态导航添加至框架页面

一旦确定了 Web 站点的分层结构,就可以将动态导航添加至框架页面以自动生成链接和站点图。站点结构每次发生更改,都将自动生成导航链接来反映新的 Web 站点结构。

先决条件:
提示: 维护整个站点的一致性的建议方法是使用 Site Designer 工具中提供的页面模板。Web Site Designer 可用来编辑整个 Web 站点的外观。通过使用页面模板,可使得外观在整个站点中保持一致。页面模板包含使用 Site Designer 工具创建的 Web 站点导航(例如,导航栏、导航轨迹和导航菜单)。还可以在“导航”视图中查看 Web 站点来在该站点中添加新的页面、删除页面以及移动页面。
使用框架的典型 Web 站点由下列部件组成: 要将导航添加至框架页面,执行下列操作:
  1. 将“导航”框架页面作为顶级页面的子代添加至 Web 站点。有关添加导航框架页面的更多信息,请参阅将框架页面添加至 Web 站点
  2. 右键单击添加至 Web 站点的“导航”框架页面,然后单击导航 > 在导航中显示以确保新页面不会显示在导航中。
  3. 双击“导航”框架页面以在 Page Designer 中打开它。
  4. 通过使用“选用板”中的 Web 站点导航抽屉,将 Web 站点导航对象拖动到“导航”框架页面中。
  5. 右键单击插入到“导航”框架页面中的“导航”对象并单击属性。“属性”视图打开。
  6. 在“属性”视图的“规范”选项卡上,单击打开。“导航”对象在 Page Designer 中打开。
  7. 在 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>
  8. CTRL+S 键以保存更改。导航对象将添加至“导航”框架页面。
相关任务
将框架页面添加至 Web 站点
创建框架页面
反馈
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.