웹 사이트의 페이지는 계층 구조로 구성됩니다. 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 페이지가 서로 동위 페이지임을 의미합니다.
오류 페이지는 계층 구조에서 색인 페이지와 동일한 레벨에 있지만, 연결 선으로 다른 페이지에 첨부되지는 않습니다. 제품군 유형의 관계를 갖는 대신, 오류 페이지 및 색인 페이지는 피어 관계를 가집니다.
페이지 관계는 탐색 링크를 자동으로 생성하는 데 사용됩니다. 따라서
색인, 제품 및 feedback.jsp 페이지 모두에서 탐색에 표시 옵션을 선택한
경우, feedback.jsp 페이지에 대한 탐색 모음에는 상위(색인 페이지) 및 동위(제품
페이지)에 대한 링크가 포함될 수 있습니다. 탐색에 표시 아이콘()이 표시되므로 이 세 페이지가 모두 탐색에
표시됩니다. 그러나 오류 페이지는 탐색에 표시되지 않습니다.
이것은 사이트에 문제가 발생할 때 나타나는 오류 페이지를 작성하고 싶지만
오류 페이지를 탐색의 부분 또는 사이트 맵에 표시하고 싶지 않기 때문입니다. 또한 사이트 맵에 페이지를 포함하거나 사이트 맵에서 페이지를 제외시킬 수도 있습니다. 이
예제에서 오류 페이지를 제외한 모든 페이지는 사이트 맵에 표시(
)로 표시됩니다.
웹 사이트 구조에서 탐색 정의
일반적으로 사이트에 작성된 첫 번째 페이지인 맨 위 페이지는 종종 탐색
루트()로 설정되지만 이
탐색 루트 페이지를 변경할 수도 있습니다. 탐색 루트는 웹 사이트 탐색(예: 탐색줄 및 사이트 맵)을 생성할 때 사용되는
링크 레벨을 결정하므로 중요합니다. 이 예제에서는
색인 페이지가 탐색 루트입니다.
웹 페이지 특성
Web Site Designer에서는 코드 아이콘(과
)이 표시하는 대로 연관된 실제 파일을 가지고 있는 페이지를 볼 수도 있습니다.
이 예제에서 색인 페이지에는 연관된 HTML 파일이 있고 feedback.jsp
페이지에는 연관된 JSP 페이지가 있습니다. 또한 연관된
파일을 가지는 페이지 아이콘은 검은색 경계를 가지는 반면, 아이콘만 있는 페이지는 점선으로 되어 있어 위치 표시기일 뿐임을
나타냅니다.
또한 페이지 템플리트가 적용되었는지 여부를 페이지 아이콘에서 알 수도 있습니다. 기본적으로 페이지와 연관된 페이지 템플리트가 있는 경우 아이콘의 배경은 파란색입니다. 페이지 아이콘 배경이 파란색이므로 페이지 템플리트가 색인 페이지에 적용되었음을 알 수 있습니다.
맨 위 페이지가 정의된 새 웹 사이트를 가지고 있으면 Web Site Designer에서 페이지 아이콘을 작성하여 사이트를 맵핑함으로써 사이트를 계속 채울 수 있습니다. Web Site Designer를 사용하여 전체 사이트 조직을 계획 및 레이아웃한 다음 사이트를 채울 각 웹 페이지 파일을 작성할 수 있습니다.
이러한 Web Site Designer 도구를 다른 웹 도구(예: 프리 레이아웃 모드 및 페이지 템플리트)와 함께 사용할 수 있습니다. 기존의 페이지 템플리트를 변경하거나 사용자의 페이지 템플리트를 작성한 후 웹 사이트의 모든 웹 페이지에 적용하여 일관된 디자인을 보장할 수 있습니다. 페이지 템플리트를 편집할 때 프리 레이아웃 모드를 사용하여 각 웹 페이지의 레이아웃을 변경할 수 있습니다. 각각의 개별 웹 페이지에서 변경사항(예: 탐색줄 크기 변경)을 작성하지 않고, 페이지 템플리트를 변경할 수 있습니다. 변경사항은 전체 웹 사이트에 적용됩니다.
Web Site Designer 채우기