탐색 스펙 편집

Web Site Designer는 사이트 구조 및 모양 정의 파일인 스펙 페이지에서 탐색줄을 생성합니다. 스펙 페이지는 특수 설명 태그와 표현식을 가지고 있는 HTML 파일입니다.

전제조건:
  1. 웹 프로젝트 작성
  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.leveln 이하일 경우 true입니다.
${<<varName>> lt n}
item.leveln 이하일 경우 true입니다.
${<<varName>> ge n}
item.leveln 이상일 경우 true입니다.
${<<varName>> gt n}
item.leveln 이상일 경우 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 단편 파일을 추가할 수 있어도 올바르게 작동하지 않습니다.
JSP 사용자 정의 태그 버전 탐색줄 태그를 Faces 링크 태그와 함께 사용할 수 없음
참고: 탐색 항목을 반복하기 위해 JSTL 태그 라이브러리가 사용됩니다. 그러나 Faces는 JSTL에서 작동하지 않습니다. Faces 링크 태그는 JSP 사용자 정의 태그와 함께 사용할 수 없습니다. Faces 페이지에서 탐색줄을 사용하려면 HTML 설명 태그 버전 탐색줄 태그를 사용하십시오.
관련 개념
CSS(캐스케이딩 스타일시트) Designer
관련 태스크
페이지 템플리트를 웹 사이트에 적용
페이지 템플리트에 컨텐츠 추가
페이지 템플리트에 동적 탐색 추가
탐색 오브젝트의 모양 변경
웹 페이지의 탐색 편집
피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.