웹 페이지에 페이지 템플리트 적용 또는 바꾸기

페이지 템플리트에 연결되지 않은 기존 페이지를 선택하여 페이지 템플리트를 적용할 수 있습니다. 기존에 다른 페이지 템플리트에 연결되어 있는 페이지에서 페이지 템플리트를 바꿀 수도 있습니다.

전제조건:
  1. 웹 프로젝트 작성
  2. 웹 페이지 작성

페이지 템플리트를 적용하거나 기존 페이지 템플리트를 바꾸려면 다음을 수행하십시오.

  1. Page Designer에서 페이지를 여십시오.
  2. 기본 메뉴에서 페이지 > 페이지 템플리트를 클릭하십시오. 그런 다음, 다음 메뉴 옵션 중 하나를 선택하십시오.
    • 템플리트 적용 - 페이지 템플리트에 연결되지 않은 페이지를 편집한 다음 이 페이지에 페이지 템플리트를 적용하려면, 이 옵션을 선택하십시오. 페이지 템플리트 적용 마법사가 열립니다.
    • 템플리트 바꾸기 - 페이지 템플리트에 연결되어 있는 페이지를 편집한 다음 페이지 템플리트를 다른 템플리트로 바꾸려면, 이 옵션을 선택하십시오. 페이지 템플리트 바꾸기 마법사가 열립니다.
  3. 사용하려는 템플리트의 종류에 따라 샘플 페이지 템플리트 또는 사용자 정의 페이지 템플리트를 선택하십시오. 템플리트 선택은 작성 중인 페이지 유형에 따라 제한됩니다. 예를 들어, HTML 페이지를 작성 중일 경우 HTML 템플리트(.htpl)만 사용할 수 있지만 JSP 또는 JSP 페이지를 작성 중이면 HTML과 JSP(.jtpl) 페이지 템플리트 모두를 사용할 수 있습니다.
    1. 샘플 페이지 템플리트를 선택한 경우, 작은 그림 목록에서 템플리트를 선택하십시오. 샘플 사본이 프로젝트에 추가되고 기본 페이지 템플리트가 됩니다.
    2. 사용자 정의 페이지 템플리트를 선택한 경우, 작은 그림 목록에서 템플리트를 선택하거나, 템플리트가 다른 프로젝트 또는 파일 시스템에 위치한 경우 템플리트 위치를 찾아보십시오.
  4. 다음을 클릭하십시오.
  5. 템플리트 적용을 선택한 경우, 마법사의 페이지 템플리트로 페이지 요소 맵핑 페이지에서 페이지 템플리트의 페이지 컨텐츠 표시 방법을 지정하십시오. 컨텐츠 영역의 소스는 페이지 템플리트 컨텐츠 영역 목록에 정의됩니다. 이전 마법사 페이지에서 선택한 웹 페이지의 요소는 페이지 요소 목록에 표시됩니다. 기존 웹 페이지에 페이지 템플리트를 적용할 경우, 페이지 템플리트는 기존 페이지의 맨 위에 위치되는 페이지와 유사하며 컨텐츠 영역은 원래 페이지에서 컨텐츠를 표시하는 창과 유사합니다. 이 맵핑을 수행하는 것은 원래 페이지의 어떤 컨텐츠가 어떤 컨텐츠 영역에 표시되어야 하는 지를 정의하는 것입니다.
    1. 페이지 템플리트 컨텐츠 영역 목록에서 페이지 요소에 맵핑할 컨텐츠 영역을 선택하십시오.
    2. 페이지 요소 목록에서, 컨텐츠 영역을 맵핑하려는 요소를 선택하십시오.
    3. 그런 다음 단추를 클릭하십시오. 각 컨텐츠 영역에 이 작업을 수행하십시오.

      페이지 템플리트의 컨텐츠 영역과 웹 페이지의 요소가 연관됩니다. 예를 들어, 샘플 페이지 템플리트 중 하나를 선택하면 헤드 영역 및 본문 영역 컨텐츠 영역이 사전 정의됩니다. 본문 영역 컨텐츠 영역을 선택하여 HEAD(시작 HEAD 태그와 끝 HEAD 태그 사이의 내용)와 연관시킬 수 있습니다. 페이지 템플리트에서 헤드 영역 컨텐츠 영역에 대해 정의된 속성은 기존 웹 페이지의 HEAD 영역에 적용됩니다. 미리보기 상자는 현재 페이지를 표시하고 일단 템플리트가 적용되면 페이지가 나타나는 모양을 미리 보여줍니다. 원래 페이지의 일부 영역이 컨텐츠 영역에 맵핑되지 않을 경우, 템플리트가 적용된 후에는 페이지에 포함되지 않습니다.

    4. 맵핑을 제거하려면 페이지 요소 목록에서 요소를 선택하고 맵핑 해제 단추를 클릭하십시오.
  6. 템플리트 바꾸기를 선택한 경우, 현재 컨텐츠 영역 이름새 대상 컨텐츠 영역 이름을 맵핑을 지정하십시오. 새 대상 컨텐츠 영역 이름에 있는 이름을 클릭하여 변경사항을 작성하십시오. 현재 템플리트 및 바뀐 템플리트의 페이지 미리보기가 표시됩니다.
  7. 완료를 눌러 템플리트 변경사항을 페이지에 적용하십시오.
이제, Page Designer의 컨텐츠 영역에서 페이지를 추가로 변경할 수 있습니다. 컨텐츠 영역 밖에 있는 영역은 페이지 템플리트로부터 정의되며 페이지 템플리트에서만 변경할 수 있습니다. 이 영역을 두 번 클릭하여 페이지 템플리트를 열 수 있습니다. 페이지 템플리트를 변경하면 페이지에서 자동으로 갱신됩니다.
제한사항: 다음과 같이 페이지 템플리트 마법사를 사용하는 경우 페이지 템플리트가 웹 페이지에 적용되지 않는 상황이 있습니다.
  • 웹 페이지는 선택한 페이지 템플리트와 다른 인코딩을 갖습니다.
  • 선택한 페이지 템플리트 또는 웹 페이지는 XML 스타일 JSP로 설명됩니다.
  • 웹 페이지에는 이미 연관된 페이지 템플리트가 있습니다.
주: 컨텐츠 영역의 특성은 템플리트에서 컨텐츠 영역이 정의되는 위치에 따라 제한됩니다. 템플리트를 사용하는 페이지에서 컨텐츠 영역에 스타일을 추가하거나 텍스트를 형식화하는 것이 어려울 수 있으므로 <P> 또는 <SPAN> 태그 내에는 컨텐츠 영역을 정의하지 않도록 하십시오. 예를 들어, 컨텐츠 영역이 <P> 태그 내에 정의된 경우에는 컨텐츠 영역의 텍스트를 H1로 변경할 수 없으며, 컨텐츠 영역이 <FONT> 태그 내에 정의된 경우에는 컨텐츠 영역의 글꼴 특성을 수정할 수 없습니다. 몇 개의 스타일 또는 단락 유형을 컨텐츠 영역에 적용하려는 경우, 페이지 템플리트가 레이아웃을 위해 테이블을 사용하거나 프리 레이아웃 테이블을 사용하고 있으면 페이지 템플리트의 <BODY> 태그 또는 <TD> 태그 내에 컨텐츠 영역을 삽입하는 것이 좋습니다.
관련 개념
페이지 템플리트
중첩 페이지 템플리트
관련 태스크
페이지 템플리트 작성
테이블을 사용하여 페이지 템플리트 레이아웃
페이지 템플리트에서 웹 페이지 생성
웹 사이트에 페이지 템플리트 적용
페이지 템플리트에 컨텐츠 추가
중첩 페이지 템플리트 작성
사용 조건 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.