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

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

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

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

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

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

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

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

다음 표는 아래의 웹 사이트 탐색을 기초로 탐색줄, 탐색 탭, 탐색 드롭 다운 메뉴, 탐색 추적 및 사이트 맵의 차이점을 보여줍니다.
Site Designer의 웹 사이트 탐색 예제
여러 웹 사이트 탐색 옵션이 웹 사이트 탐색 미리보기 보기에서 다음 예제와 같이 표시됩니다.

웹 사이트 탐색 미리보기 보기 사용
가로줄  탐색줄의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
세로줄  탐색줄의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
가로 탭  탐색 탭의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
세로 탭  탐색 탭의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
탐색 추적  상위 페이지로 돌아갈 수 있습니다. 페이지 경로를 표시합니다.
드롭 다운 메뉴  탐색 메뉴의 링크를 따라가면 밀접하게 관련된 다른 페이지로 이동할 수 있습니다.
사이트 맵  웹 사이트의 구조를 모방하기 위해 조직된 사이트에서 다른 페이지에 대한 링크 세트를 제공합니다.
페이지 템플리트나 웹 페이지에 동적 탐색을 추가하는 방법에 대한 자세한 정보는 다음을 참조하십시오.
  • 탐색줄 삽입: 템플리트나 페이지에 세로 막대 및 탭을 추가하고 가로 막대 및 탭을 추가하는 방법에 대한 정보.
  • 탐색 추적 삽입: 템플리트나 페이지에 탐색 추적을 추가하는 방법에 대한 정보.
  • 드롭 다운 메뉴 삽입: 템플리트나 페이지에 드롭 다운 메뉴를 추가하는 방법에 대한 정보.
  • 사이트 맵 삽입: 템플리트나 페이지에 사이트 맵을 추가하는 방법에 대한 정보.
동적 탐색 모양 변경에 대한 자세한 정보는 다음을 참조하십시오.
주:
  • 일부 문서 유형에는 웹 사이트 탐색을 사용할 수 없습니다. 웹 사이트 탐색을 추가한 후 "이 웹 사이트 탐색을 사용할 수 없습니다"라는 오류 메시지가 표시되는 경우, 대상 페이지에 사용된 웹 사이트 탐색 스펙 파일을 선택하면 유효하지 않은 소스가 생성됩니다. 예를 들어, 페이지의 문서 유형이 CHTML 또는 WML인 경우, 거의 모든 웹 사이트 탐색에는 해당 마크업 언어에 유효하지 않은 태그가 포함됩니다.
  • 연관된 스펙 파일로 인해 탐색줄에 유효하지 않은 소스가 포함될 수 있습니다. 스펙 파일을 편집하여 오류를 정정하십시오. 온라인 도움말에서 탐색 스펙 편집 주제를 참조하십시오.
  • 페이지의 탐색줄에 손상된 문자가 포함될 수 있습니다. 이는 페이지에 지정된 인코딩 규칙에 따라 인코드할 수 없는 문자가 탐색 레이블에 포함되는 경우 발생합니다. 이를 예방하려면, 탐색 레이블에 사용되는 문자 유형을 페이지에서 사용되는 인코딩으로 제한하거나 페이지에서 보다 기능적인 인코딩 규칙을 사용하십시오.
  • 사이트 맵 삽입 창에 나열되어 있는 모든 샘플 스펙 파일은 사이트 구조에서 레벨 1과 레벨 5 사이의 페이지를 처리할 수 있습니다. siteedit:sitemap 태그의 속성 보기에서 끝 레벨을 5보다 높게 설정하더라도 레벨 5보다 높은 레벨의 페이지에 대한 링크는 사이트 맵에 포함되지 않습니다.
웹 사이트 탐색 태그를 JSP 단편 파일에서 사용할 수 없음
주: JSP 단편 파일의 웹 사이트 탐색 태그는 사용자가 새 JSP 파일 마법사에서 JSP 단편으로 작성을 지정하여 웹 사이트 탐색에 JSP 단편 파일을 추가할 수 있어도 올바르게 작동하지 않습니다.
JSP 사용자 정의 태그 버전 탐색줄 태그를 Faces 링크 태그와 함께 사용할 수 없음
주: 탐색 항목을 반복하기 위해 JSTL 태그 라이브러리가 사용됩니다. 그러나 Faces는 JSTL에서 작동하지 않습니다. Faces 링크 태그는 JSP 사용자 정의 태그와 함께 사용할 수 없습니다. Faces 페이지에서 탐색줄을 사용하려면 HTML 설명 태그 버전 탐색줄 태그를 사용하십시오.
관련 개념
Cascading Style Sheet(CSS) Designer
관련 태스크
Web Site Designer에서 페이지 템플리트 적용
페이지 템플리트에 컨텐츠 추가
탐색 오브젝트의 모양 변경
탐색 스펙 편집
사용 조건 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.