在決定好網站的階層式結構之後,您可以將動態導覽新增至框頁中,以自動產生鏈結和網站對照表。每次網站結構變更時,
系統即會自動重新產生導覽鏈結,以反映新的網站結構。
提示: 建議您利用 Site Designer 工具提供的網頁範本來維護網站的一致性。Web Site Designer 可以編輯整個網站的外觀與操作方式。
您可以利用網頁範本,使整個網站擁有一致的外觀與操作方式。
網頁範本含有利用 Site Designer 工具所建立的網站導覽(如導覽列、導覽軌跡和導覽功能表等)。
您也可以在「導覽」視圖中檢視網站,在網站中新增網頁以及刪除和移動頁面。
使用頁框的一般網站由下列各部分組成:
如果要在框頁中新增導覽,請執行下列動作:
- 將導覽框頁新增至網站中,作為最上頁的子項。如果需要新增導覽框頁的詳細資訊,請參閱將框頁新增至網站中。
- 用滑鼠右鍵按一下加入網站的導覽框頁,按一下導覽 > 顯示在導覽中,以確定新頁面不會顯示在導覽中。
- 按兩下導覽框頁,以在 Page Designer 中開啟它。
- 利用選用區中的「網站導覽」抽屜,將網站導覽物件拖曳至導覽框頁中。
- 用滑鼠右鍵按一下您插入導覽框頁的導覽物件,按一下屬性。這時會開啟「屬性」視圖。
- 在「屬性」視圖的「規格」標籤中,按一下開啟。
這時會在 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 鍵來儲存您的變更。
這時會將導覽物件加入導覽框頁中。