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

一旦确定了 Web 站点的分层结构,就可以将动态导航添加至框架页面以自动生成链接和站点图。站点结构每次发生更改,都将自动重新生成导航链接来反映新的 Web 站点结构。
先决条件:
提示: 建议使用 Web 站点导航工具中提供的页面模板以维持整个站点的一致性。Web 站点导航可用来编辑整个 Web 站点的外观。通过使用页面模板,可使得外观在整个站点中保持一致。页面模板包含使用站点导航工具创建的 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 站点
创建框架页面

反馈