웹 사이트 구조 작성

웹 사이트의 페이지는 계층 구조로 구성됩니다. Web Site Designer는 이 계층 구조 정보를 사용하여 탐색 링크 및 사이트 맵을 자동으로 생성합니다.

사이트 구조가 변경될 때(예: 새 페이지가 추가될 때) 새 웹 사이트 구조를 반영하기 위해 자동으로 탐색 링크가 재생성됩니다. 이 동적 탐색은 탐색줄 및 사이트 맵에 대한 특수 주석 태그를 사용하여 수행됩니다. 이러한 주석 태그는 Web Site Designer가 .website-config라는 XML 파일에 저장하는 사이트 구조 정보 및 기타 사이트 관련 정보를 사용합니다. 웹 프로젝트를 작성할 때 Web Site Designer 지원은 프로젝트의 기본 기능입니다. 웹 프로젝트는 웹 사이트 탐색이라는 website-config 파일에 대한 위치 표시기를 포함합니다. 웹 사이트 탐색을 두 번 클릭하면 Web Site Designer가 실행되고 website-config가 탐색 보기에서 열립니다.

웹 사이트 구조에 있는 페이지 사이의 관계

Web Site Designer에서 웹 사이트가 탐색 보기에 표시됩니다. 웹 사이트의 각 웹 페이지는 페이지 아이콘으로 표시됩니다. 선은 페이지 아이콘을 연결하여 기존 페이지 사이의 관계를 나타냅니다. 페이지는 서로 여러 관계를 가질 수 있고 많은 관계는 제품군과 관계를 성립한 이후 모델링됩니다. 예를 들어, 페이지는 상위-하위 관계 또는 동위 관계를 가질 수 있습니다.

아래 예제에서 색인 페이지에는 제품feedback.jsp 페이지와 연결된 행이 있습니다. 이는 색인이 하위 페이지 제품과 feedback.jsp의 상위임을 의미합니다. 또한 제품 페이지와 feedback.jsp 페이지가 서로 동위 페이지임을 의미합니다.


Web Site Designer 탐색 보기

오류 페이지는 계층 구조에서 색인 페이지와 동일한 레벨에 있지만, 연결 선으로 다른 페이지에 첨부되지는 않습니다. 제품군 유형의 관계를 갖는 대신, 오류 페이지 및 색인 페이지는 피어 관계를 가집니다.

페이지 관계는 탐색 링크를 자동으로 생성하는 데 사용됩니다. 따라서 색인, 제품 및 feedback.jsp 페이지에서 모두 탐색에 표시 옵션을 선택한 경우, feedback.jsp 페이지에 대한 탐색 모음에는 상위(색인 페이지) 및 동위(제품 페이지)에 대한 링크가 포함될 수 있습니다. 탐색에 표시 아이콘(탐색에 표시 아이콘 그림)이 표시되므로 이 세 페이지 모두 탐색에 표시됩니다. 그러나 오류 페이지는 탐색에 표시되지 않습니다. 이것은 사이트에 문제가 발생할 때 나타나는 오류 페이지를 작성하고 싶지만 오류 페이지를 탐색의 부분 또는 사이트 맵에 표시하고 싶지 않기 때문입니다. 또한 사이트 맵에 페이지를 포함하거나 사이트 맵에서 페이지를 제외시킬 수도 있습니다. 이 예제에서 오류 페이지를 제외한 모든 페이지는 사이트 맵에 표시 사이트 맵에 표시 아이콘 그림로 표시됩니다.

웹 사이트 구조에서 탐색 정의

일반적으로 이 사이트에 작성된 첫 번째 페이지인 맨 위 페이지는 종종 탐색 루트( 탐색 루트 아이콘 그림)로 설정되지만 이 탐색 루트 페이지를 변경할 수도 있습니다. 탐색 루트는 웹 사이트 탐색(예: 탐색줄 및 사이트 맵)을 생성할 때 사용되는 링크 레벨을 결정하므로 중요합니다. 이 예제에서는 색인 페이지가 탐색 루트입니다.

웹 페이지 특성

Web Site Designer에서는 코드 아이콘(HTML 코드 아이콘JSP 코드 아이콘)으로 표시되어 실제 파일이 연관된 페이지를 확인할 수도 있습니다. 이 예제에서 색인 페이지에는 연관된 HTML 파일이 있고 feedback.jsp 페이지에는 연관된 JSP 페이지가 있습니다. 또한 연관된 파일을 가지는 페이지 아이콘은 검은색 경계를 가지는 반면, 아이콘만 있는 페이지는 파선으로 되어 있어 위치 표시기일 뿐임을 나타냅니다.

또한 페이지 템플리트가 적용되었는지 여부를 페이지 아이콘을 통해서 알 수도 있습니다. 기본적으로, 페이지와 연관된 페이지 템플리트가 있는 경우 아이콘의 배경은 파란색입니다. 페이지 아이콘 배경이 파란색이므로 페이지 템플리트가 색인 페이지에 적용되었음을 알 수 있습니다.

맨 위 페이지가 정의된 새 웹 사이트를 가지고 있으면 Web Site Designer에서 페이지 아이콘을 작성하여 사이트를 맵핑함으로써 사이트를 계속 채울 수 있습니다. Web Site Designer를 사용하여 전체 사이트 조직을 계획 및 레이아웃한 다음 사이트를 채울 각 웹 페이지 파일을 작성할 수 있습니다.

Web Site Designer는 편집기 및 웹 사이트 탐색 드로어로 구성됩니다.
  • Web Site Designer 편집기: Web Site Designer 편집기는 .website-config 파일을 편집하거나 웹 사이트 탐색 파일을 편집할 때 표시됩니다. Web Site Designer 편집기 내에서 전체 사이트를 볼 수 있습니다. 이 도구를 사용하여 웹 사이트를 구성하는 웹 페이지를 추가, 삭제 및 재배열할 수 있습니다. 편집기에는 탐색 보기 및 세부사항 보기가 있습니다. 탐색 보기는 웹 사이트의 구조를 표시하고 세부사항 보기는 사이트 구조에서 사용된 모든 웹 페이지의 목록을 표시합니다.
  • 웹 사이트 탐색 드로어: 웹 사이트 탐색 드로어는 HTML 또는 JSP 페이지를 편집할 때 표시됩니다. 사이트 드로어는 Web Site Designer 편집기가 열릴 때 열립니다. 팔레트 보기에는 웹 사이트 요소(예: 여러 가지 탐색줄 및 사이트 맵)를 포함하는 웹 사이트 탐색 드로어가 있습니다. 이러한 항목을 Page Designer의 웹 페이지로 끌어올 수 있습니다.
  • 사이트 드로어: 팔레트 보기에는 페이지 및 프로젝트 요소를 포함하는 웹 사이트 드로어가 있습니다.

이러한 Web Site Designer 도구를 다른 웹 도구(예: 프리 레이아웃 모드 및 페이지 템플리트)와 함께 사용할 수 있습니다. 기존의 페이지 템플리트를 변경하거나 사용자의 페이지 템플리트를 작성한 후 웹 사이트의 모든 웹 페이지에 적용하여 일관된 디자인을 보장할 수 있습니다. 페이지 템플리트를 편집할 때 프리 레이아웃 모드를 사용하여 각 웹 페이지의 레이아웃을 변경할 수 있습니다. 각각의 개별 웹 페이지에서 변경사항(예: 탐색줄 크기 변경)을 작성하지 않고, 페이지 템플리트를 변경할 수 있습니다. 변경사항은 전체 웹 사이트에 적용됩니다.

Web Site Designer 채우기

Web Site Designer에서 웹 사이트 탐색 사용
참고:
  • 일부 문서 유형에는 웹 사이트 탐색을 사용할 수 없습니다. 웹 사이트 탐색을 추가한 후 "이 웹 사이트 탐색을 사용할 수 없습니다"라는 오류 메시지가 표시되는 경우, 대상 페이지에 사용된 웹 사이트 탐색 스펙 파일을 선택하면 유효하지 않은 소스가 생성됩니다. 예를 들어, 페이지의 문서 유형이 CHTML 또는 WML인 경우, 거의 모든 웹 사이트 탐색에는 해당 마크업 언어에 유효하지 않은 태그가 포함됩니다.
  • 연관된 스펙 파일로 인해 탐색줄에 유효하지 않은 소스가 포함될 수 있습니다. 스펙 파일을 편집하여 오류를 정정하십시오. 온라인 도움말에서 탐색 스펙 편집 주제를 참조하십시오.
  • 페이지의 탐색줄에 손상된 문자가 포함될 수 있습니다. 이는 페이지에 지정된 인코딩 규칙에 따라 인코드할 수 없는 문자가 탐색 레이블에 포함되는 경우 발생합니다. 이를 막으려면, 탐색 레이블에 사용되는 문자 유형을 페이지에서 사용되는 인코딩으로 제한하거나 페이지에서 보다 기능적인 인코딩 규칙을 사용하십시오.
  • 사이트 맵 삽입 창에 나열되어 있는 모든 샘플 스펙 파일은 사이트 구조에서 레벨 1과 레벨 5 사이의 페이지를 처리할 수 있습니다. siteedit:sitemap 태그의 속성 보기에서 끝 레벨을 5보다 높게 설정하더라도 레벨 5보다 높은 레벨의 페이지에 대한 링크는 사이트 맵에 포함되지 않습니다.
관련 개념
웹 프로젝트
CSS(캐스케이딩 스타일시트) Designer
관련 태스크
웹 사이트 디자인
페이지 템플리트 작성
피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.