페이지 템플리트에 동적 탐색 추가

웹 사이트의 계층 구조를 판별하고 나면 동적 탐색을 템플리트 페이지에 추가하여 링크와 사이트 맵을 자동으로 생성할 수 있습니다. 사이트 구조가 변경될 때마다 새 웹 사이트 구조를 반영하도록 탐색 링크가 자동으로 재생성됩니다.

탐색줄은 웹 사이트에서 가로 또는 세로 막대로 표시되는 다른 웹 페이지에 대한 링크 세트입니다. 기본적으로, 모든 웹 페이지는 탐색 시 표시되며 탐색줄에 나타나지만, 일반적으로 사이트의 모든 페이지가 탐색줄에 나열되지는 않습니다. 보통 탐색줄은 사이트에서 밀접하게 관련된 다른 페이지에 대한 링크를 포함합니다. 예를 들어, 홈 페이지 또는 사이트의 기본 페이지는 사이트의 초점 기능을 하는 페이지이기 때문에, 보통 탐색줄은 이들 페이지에 대한 링크를 포함합니다. Web Site Designer에서는 이 페이지를 맨 위 페이지라고 합니다.

사용자는 탐색줄에서 링크되는 페이지를 지정할 수 있습니다. 각 페이지의 탐색줄이 동적으로 작성되어 환경 설정을 반영하도록 링크 환경을 설정할 수 있습니다. 예를 들어, 모든 하위 페이지가 탐색줄에 포함되도록 선택하면 각 페이지에 대한 탐색줄이 동적으로 특정 페이지의 하위 페이지에만 링크됩니다.

탐색 추적은 현재 페이지의 경로를 표시합니다. 탐색 추적을 사용하면 상위 페이지로 돌아갈 수 있습니다.

사이트 맵은 웹 사이트의 구조를 모방하기 위해 조직된 사이트의 다른 페이지에 대한 링크 세트입니다. 또한 페이지를 사이트 맵에 포함할지 여부를 지정할 수 있습니다.

Web Site Designer는 웹 사이트 탐색이 페이지에 삽입되고 페이지가 저장될 때 탐색줄 및 사이트 맵 링크를 동적으로 생성합니다. 탐색줄 및 사이트 맵은 Web Site Designer를 통해 관리되는 website-config XML 파일에 포함된 사이트 구조 정보 및 웹 사이트 탐색 자체에 대해 지정된 설정을 사용하여 작성됩니다. 팔레트 보기에는 탐색 오브젝트(예: 탐색줄 및 사이트 맵)를 포함하고 Page Desinger의 소스 또는 디자인 페이지로 끌어다 놓을 수 있는 웹 사이트 탐색이라는 이름의 드로어가 있습니다. Web Site Designer를 열려면 프로젝트 탐색기 보기에서 웹 프로젝트를 펼친 다음 웹 사이트 탐색을 두 번 클릭하십시오.

팁: 페이지 템플리트를 사용하여 웹 사이트에 있는 모든 페이지의 레이아웃 및 비주얼 디자인을 관리할 경우, 모든 페이지에 개별적으로 탐색을 추가하지 않고 페이지 템플리트에 웹 사이트 탐색을 삽입할 수 있습니다. 그러면 사이트의 개별 페이지에 대하여 탐색의 링크가 동적으로 갱신됩니다.

다음 테이블에 아래의 웹 사이트 탐색을 기본으로 하는 탐색줄, 탐색 탭, 탐색 드롭 다운 메뉴, 탐색 추적 및 사이트 맵 간의 차이점이 나와 있습니다:
Site Designer에서 웹 사이트 탐색 예제
여러 가지 웹 사이트 탐색 옵션이 웹 사이트 탐색의 이전 보기에 있는 다음 예제와 유사합니다:

웹 사이트 탐색 미리보기 보기 사용
가로줄 가로줄 그림 탐색줄의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
세로줄  세로 탐색 줄 그림 탐색줄의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
가로 탭  가로 탐색 탭 그림 탐색 탭의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
세로 탭  세로 탐색 탭 그림 탐색 탭의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
탐색 추적  탐색 추적 그림 상위 페이지로 돌아갈 수 있습니다. 페이지 경로를 표시합니다.
드롭 다운 메뉴  드롭 다운 메뉴 그림 탐색 메뉴의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
사이트 맵 사이트 맵 그림 웹 사이트의 구조를 모방하기 위해 조직된 사이트에서 다른 페이지에 대한 링크 세트를 제공합니다.
페이지 템플리트나 웹 페이지에 동적 탐색을 추가하는 방법에 대한 자세한 정보는 다음을 참조하십시오.
  • 탐색줄 삽입. 템플리트나 페이지에 세로 막대 및 탭을 추가하고 가로 막대 및 탭을 추가하는 방법에 대한 정보
  • 탐색 추적 삽입. 템플리트나 페이지에 탐색 추적을 추가하는 방법에 대한 정보
  • 드롭 다운 메뉴 삽입. 템플리트나 페이지에 드롭 다운 메뉴를 추가하는 방법에 대한 정보
  • 사이트 맵 삽입. 템플리트나 페이지에 사이트 맵을 추가하는 방법에 대한 정보
동적 탐색 모양 변경에 대한 자세한 정보는 다음을 참조하십시오.
참고:
  • 일부 문서 유형에는 웹 사이트 탐색을 사용할 수 없습니다. 웹 사이트 탐색을 추가한 후 "이 웹 사이트 탐색을 사용할 수 없습니다"라는 오류 메시지가 표시되는 경우, 대상 페이지에 사용된 웹 사이트 탐색 스펙 파일을 선택하면 유효하지 않은 소스가 생성됩니다. 예를 들어, 페이지의 문서 유형이 CHTML 또는 WML인 경우, 거의 모든 웹 사이트 탐색에는 해당 마크업 언어에 유효하지 않은 태그가 포함됩니다.
  • 연관된 스펙 파일로 인해 탐색줄에 유효하지 않은 소스가 포함될 수 있습니다. 스펙 파일을 편집하여 오류를 정정하십시오. 온라인 도움말에서 탐색 스펙 편집 주제를 참조하십시오.
  • 페이지의 탐색줄에 손상된 문자가 포함될 수 있습니다. 이는 페이지에 지정된 인코딩 규칙에 따라 인코드할 수 없는 문자가 탐색 레이블에 포함되는 경우 발생합니다. 이를 막으려면, 탐색 레이블에 사용되는 문자 유형을 페이지에서 사용되는 인코딩으로 제한하거나 페이지에서 보다 기능적인 인코딩 규칙을 사용하십시오.
  • 사이트 맵 삽입 창에 나열되어 있는 모든 샘플 스펙 파일은 사이트 구조에서 레벨 1과 레벨 5 사이의 페이지를 처리할 수 있습니다. siteedit:sitemap 태그의 속성 보기에서 끝 레벨을 5보다 높게 설정하더라도 레벨 5보다 높은 레벨의 페이지에 대한 링크는 사이트 맵에 포함되지 않습니다.
웹 사이트 탐색 태그를 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.