編輯導覽規格

Web Site Designer 會從網站結構以及外觀定義檔(「規格」頁面)產生導覽列。「規格」頁面是一個具有特殊註解標示和表示式的 HTML 檔。

必備條件:
  1. 建立 Web 專案。
  2. 建立網站。
  3. 建立網頁範本。
  4. 將網頁範本套用到網頁中。
  5. 將導覽新增至網頁範本中。
您可以編輯「規格」頁面來修改導覽。 以下是本產品內含的「網站導覽」以及相關規格頁面的清單:
網站導覽 規格頁面(HTML 或 JSP)
水平列 horizontal-text

horizontal

horizontal-button

horizontal-sep

horizontal-tab

水平標籤 horizontal-tab01

horizontal-tab02

horizontal-tab03

垂直列 vertical-text

vertical

vertical-button

vertical-sep

vertical-tab

垂直標籤 vertical-tab01
導覽軌跡 trail

trail_horizontal

trail_vertical

下拉功能表 dropdown
網站對照表 sitemap

sitemap_vertical

如果要修改導覽規格,請執行下列動作:

  1. 用滑鼠右鍵按一下導覽元素,然後選取內容來開啟「內容」視圖。您可以編輯各個內容標籤中的資訊,來編輯導覽規格。
  2. 如果您要直接編輯規格程式碼來編輯導覽規格,請按一下「內容」視圖中的規格標籤。
  3. 按一下開啟來開啟導覽元素的規格頁面。
  4. 編輯規格頁面,然後按 CTRL+S 鍵來儲存檔案。
規格頁面可以指定為 siteedit:navbar、siteedit:navtrail、siteedit:navtab 和 siteedit:sitemap 等標示的屬性,當您新增導覽列、導覽軌跡、導覽標籤和網站對照表等網站導覽時,可以將這些標示插入網頁中。
以下是「規格」頁面的範例:

<HTML>
<HEAD>
<TITLE>horizontal</TITLE>
</HEAD>
<BODY>
<TABLE border="0">
	<TBODY>
		<TR>
<!-- siteedit:forEach var="item" items="${sitenav.items}" begin="0" step="1" varStatus="status" -->
			<TD><A href="${item.href}"${item.label}</A></TD>
<!-- /siteedit:forEach -->
		</TR>
	</TBODY>
</TABLE>
</BODY>
</HTML>
您可以編輯 siteedit:forEach 標示內的表示式,來編輯該標示:
表示式 說明
${item.label} 代表現行項目所代表的導覽標籤。
${item.href} 代表現行項目所代表的環境定義根目錄相對 URL。
${item.ancestor} 如果現行項目是現行頁面的上代,則為 true
${item.self} 如果現行項目是現行頁面,則為 true
${item.level} 從導覽根的層次數。
${item.first} 如果是 forEach 迴圈中的第一個迴圈,則為 true
${item.last} 如果是 forEach 迴圈中的最後一個迴圈,則為 true
${item.group} 如果現行項目是群組,則為 true
您可以編輯表示式的條件式和邏輯運算子:
表示式 說明
${<<varName>> le n}
如果 item.level 等於或小於 n,則為 true
${<<varName>> lt n}
如果 item.level 小於 n,則為 true
${<<varName>> ge n}
如果 item.level 等於或大於 n,則為 true
${<<varName>> gt n} 如果 item.level 大於 n,則為 true
${<<varName1>> and <<varName2>>}
 
${<<varName1>> ir <<varName2>>}
 
${not <<varName2>>}
 
其中 n 是數字,而 <<varName>> 是上表中表示式內的變數。
您可以編輯 siteedit:forEach 標示內的標示,來編輯該標示:
標示用法 說明
<!--siteedit:if test="<<condition>>"-->
  <<content>>
<!--/siteedit:if-->
如果 <<condition>> 是 true,則輸出為 <<content>>
<!-- siteedit choose -->
  <!-- siteedit:when test="<<conditionA>>"-->
   <<contentA>>
  <!--/siteedit.when-->
  <!--siteedit.when test="<<conditionB>>"-->
   <<contentB>>
  <!--/siteedit.when-->
  <!--siteedit:otherwise-->
   <<contentO>>
  <!--/siteedit:otherwise-->
<!--/siteedit:choose-->
  • 如果 <<conditionA>> 是 true,則輸出為 <<contentA>>
  • 如果 <<conditionA>> 是 false 且 <<conditionB>> 是 true,則輸出為 <<contentB>>
  • 如果 <<conditionA>><<conditionB>> 都是 false,則輸出為 <<contentO>>
這和 C 程式設計語言中的下列表示式很類似:
if (conditionA) {contentA}
  else if (conditionB) {contentB}
  else {contentO}
<!--siteedit:forEach var="<<varName>>" begin="<<beginNum>>" end="<<endNum>>"-->
  <<content>>
<!--/siteedit:forEach-->
重複 <<content>> "<<endNum>> - <<beginNum>> + 1" 次。
<!-- siteedit:set var="<<varName>>" value="<<expression>>" -->
<!-- /siteedit:set -->
<<expression>> 的結果設為 <<varName>>。 其結果在以下部分稱為 ${varName}

如果您要編輯導覽物件的外觀,請參閱變更導覽物件的外觀

「網站導覽」標示不可用於 JSP 片段檔
註: 即使您可以在「新建 JSP 檔」精靈中指定建立成 JSP 片段,將 JSP 片段檔加入「網站導覽」中, JSP 片段檔中的「網站導覽」標示還是無法正確地運作。
SP 自訂標示版本的「導覽列」標示無法與 Faces 鏈結標示一起使用
註: JSTL 標示庫可用來疊代導覽項目。不過,Faces 在 JSTL 內無法運作。Faces 鏈結標示無法與 JSP 自訂標示一起使用。如果要在 Faces 頁面中使用導覽列,請使用 HTML 註解標示版本的導覽列標示。
相關概念
階式樣式表 (CSS) 設計程式
相關工作
從 Web Site Designer 套用網頁範本
將內容新增至網頁範本中
將動態導覽新增至網頁範本中
變更導覽物件的外觀
使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.