탐색 스펙 편집

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
관련 태스크
Web Site Designer에서 페이지 템플리트 적용
페이지 템플리트에 컨텐츠 추가
페이지 템플리트에 동적 탐색 추가
탐색 오브젝트의 모양 변경
이용약관 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.