웹 사이트를 디자인하려면 사이트에 있는 페이지 사이의 상호 관계를 판별하고 전체 사이트에 적용되는 결합력있는 디자인을 작성해야 합니다.
Web Site Designer는 웹 사이트를 디자인하고 작성하기 위해 제공되는 도구입니다. Web Site Designer를 사용하면 일관된 주제(레이아웃 및 스타일)를 갖는 여러 개의 웹 페이지로 구성되는 웹 사이트를 작성할 수 있습니다. 레이아웃은 페이지 구성요소의 위치를 정의합니다. 예를 들어, 페이지 템플리트를 사용하면 웹 사이트 탐색 모음에서 항상 각 페이지 맨 위에 표시되도록 지정할 있습니다. 스타일은 캐스케이딩 스타일 시트(CSS)를 사용하여 페이지 모양을 정의합니다. Web Site Designer를 사용하여 웹 사이트의 모든 페이지에 CSS를 지정하거나 페이지 템플리트에 CSS를 정의할 수도 있습니다. 웹 사이트를 계획 및 디자인하면 Page Designer와 같은 많은 웹 도구를 사용하여 개별 웹 페이지를 작성할 수 있습니다.
Web Site Designer는 파일 관계의 비주얼 맵으로 사용할 수 있습니다.
Web Site Designer는
맨 위 페이지에서 시작하여 모든 해당 레벨을 가지고 있는 계층 구조로 사이트 구조를
표시합니다.
웹 프로젝트에서
웹 페이지 사이에 관계를 확립하여 사이트 구조를 작성할 수 있습니다. 웹 프로젝트에서 파일 사이에 관계를 작성하려면
Web Site Designer에 페이지를 추가하는 순서대로 맨 위 페이지와
해당되는 하위 페이지 사이에 링크를 작성하면 됩니다. 맨 위 페이지의 하위 페이지를
확립하고 나면 하위 페이지에 대해 프로세스가 반복됩니다.
위의 예에서는 index 페이지가 맨 위입니다.
product 및 feedback 페이지는 index 페이지의
하위 요소입니다. sales 페이지는
product 페이지의 하위 요소입니다.
프로세스는 사이트 구조에 모든 링크 페이지가 추가되면 완료됩니다. Web Site Designer는 설정한 순서대로 하위 및 동위 페이지를 표시합니다. Web Site Designer는 개발 시 사이트 구조를 레이아웃하고, 사이트가 프로덕션 상태에 있을 때 사이트 방문자가 사용할 탐색을 생성하는 데 유용합니다.
페이지 사이의 상호 관계 판별
새 웹 사이트를 작성하기 위해 Rational® Developer 방법론을 사용할 경우에는 디자인을 실제 페이지로 채우기 전에 웹 사이트와 페이지 관계를 개념화해야 합니다. 웹 사이트는 웹 페이지가 조화를 이루는 방법을 계층적으로 디자인하고 구성한 것입니다. 웹 사이트에는 상위 레벨 목적이 있으며 각각의 웹 페이지는 상위 레벨 목적을 충족시키기 위해 특정 목적으로 제공됩니다.
웹 페이지 사이의 상호 관계를 작성하거나 웹 사이트를 디자인하려면, 먼저 모든 웹 응용프로그램 자원을 포함할 웹 프로젝트를 작성해야 합니다. 그런 다음 웹 사이트 구조를 작성하십시오.
결합력이 있는 웹 사이트 디자인 작성
페이지 템플리트는 Page Designer에서 새 HTML, XHTML, JSP 또는 Faces JSP 페이지를 작성하는 데 사용할 수 있는 패턴입니다. 각각의 새로운 페이지는 페이지 템플리트처럼 보이며, 일반적으로 이 페이지에 고유한 정보를 추가하기 위한 페이지의 섹션을 포함합니다. 페이지 템플리트를 사용하여 전체 웹 사이트에 대해 일관된 모양을 유지보수할 수 있습니다. 페이지 간에 일관된 형식을 갖거나 각 페이지에서 동일한 그래픽을 사용할 수 있습니다. 예를 들어, 웹 사이트의 각 페이지에 회사 로고 및 동일한 헤더를 표시할 수 있습니다. 페이지 템플리트를 변경하면 페이지 템플리트를 사용하는 모든 페이지가 갱신된 페이지 템플리트를 저장할 때 자동으로 갱신됩니다. 웹 사이트에서는 여러 개의 페이지 템플리트를 사용할 수 있습니다. 페이지 템플리트에서 CSS 파일로 링크하여 웹 사이트 전체 스타일시트를 작성할 수도 있습니다.
캐스케이딩 스타일시트(CSS)는 웹 사이트 전체적으로 일관성있는 스타일을 갖도록 하기 위해 사용할 수 있는 단일 파일입니다. 웹 페이지와 CSS는 별도로 유지보수되기 때문입니다. CSS를 갱신할 때마다, 변경사항은 해당 CSS에 링크되어 있는 사이트의 모든 웹 페이지에 자동으로 적용됩니다.
사이트의 레이아웃 및 구조 디자인에 대해 학습하려면 다음 학습서를 수행하십시오.
학습서: 웹 사이트의 레이아웃 및 구조 디자인
Site Designer의
후보 창을 사용할 때는 DBCS 간지를 입력할 수 없습니다. Web Site Designer에서 canna 후보 창을 사용하여 텍스트 필드를 편집하는 경우,
2바이트 문자 세트(DBCS) 간지를 입력할 수 없습니다. 이 문제점을 피하려면
canna 대신 Wnn을 사용하십시오. 자세한 정보는
운영 체제의 설치 매뉴얼을 참조하십시오.