탐색 오브젝트의 모양 변경

Web Site Designer는 사이트 구조 및 스펙 페이지에서 웹 사이트 탐색(예: 탐색줄 및 사이트 맵)을 생성합니다. 스펙 페이지는 특수 설명 태그 및 표현식을 포함하는 HTML 파일입니다.

스펙 페이지는 siteedit:navbar, siteedit:navtrail, siteedit:navtab 및 siteedit:sitemap 태그의 속성으로 지정될 수 있으며, 이들은 웹 사이트 탐색(예: 탐색줄, 탐색 추적, 탐색 탭 및 사이트 맵)을 추가할 때 웹 페이지에 삽입되는 태그입니다. 다음은 이 제품과 함께 포함되는 웹 사이트 탐색 및 연관된 스펙 페이지의 목록입니다.
웹 사이트 탐색 스펙 페이지(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. 스펙 파일 탭의 경우, CSS 변환을 사용하여 스타일 필드에서 스타일을 지정할 수 있습니다. 예를 들면, color: white; font-style: italic; background-color: blue와 같습니다. 스타일은 탐색줄의 <A> 태그에 적용되며 탐색줄은 다음과 같이 표시됩니다.
    스타일 필드를 사용한 탐색줄
  4. 클래스 필드를 사용해서도 동일한 영향을 미칠 수 있습니다. 예를 들어, 클래스 필드에 샘플을 지정하면 샘플 클래스 내의 스타일이 탐색줄의 <A> 태그에 적용됩니다. 스타일시트 내의 샘플 클래스는 다음과 같이 표시됩니다.
    스타일시트 내의 샘플 클래스
    클래스는 페이지에 적용되는 스타일시트에 속해야 함을 참고하십시오.
  5. 자신만의 탐색을 설계 중인 경우에는 사용자 값 필드를 사용할 수 있습니다. 사용자 값 필드는 탐색 스펙 파일의 ${sitenav.userdata} 변수를 참조합니다. 예를 들어, <body> 태그 아래의 스펙 파일에 다음과 같은 코드가 있을 수 있습니다.
    <h1>${sitenav.userdata}</h1>
    사용자 값 필드에 어떤 값을 입력하든지 <h1> 태그에 나타납니다. 사용자 값 필드에 이는 사용자 값임이라고 입력하면 탐색줄은 다음과 같이 표시됩니다:
    사용자 값 필드를 사용한 탐색줄
팁: 편집기에서 직접 탐색 스펙 파일을 열어 파일을 수정할 수도 있습니다. 코드를 변경하면 탐색 요소의 기능이 중단될 수 있으므로 변경 시에는 주의를 기울여야 합니다.
관련 개념
CSS(캐스케이딩 스타일시트) Designer
관련 태스크
페이지 템플리트를 웹 사이트에 적용
페이지 템플리트에 컨텐츠 추가
페이지 템플리트에 동적 탐색 추가
탐색 스펙 편집
웹 페이지의 탐색 편집
피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.