연습 1.5: 웹 사이트에 페이지 템플리트 적용
웹 사이트에 페이지 템플리트를 적용하기 전에
연습 1.4: 웹 사이트의 룩앤필 디자인을 완료하십시오.
이제 페이지 템플리트를 사용하여 웹 페이지를 레이아웃할 방법에 대해
미리 디자인을 결정했으므로, 템플리트를 사이트의 페이지에 적용해야 합니다.
템플리트를 개별 페이지에 적용하고 나면, 템플리트에서 수행한 모든 변경이
각 웹 페이지에 표시됩니다.
- 프로젝트 탐색기 보기에서 웹 사이트 탐색을 두 번 클릭하여
사이트의 구조로 돌아가십시오.
- 페이지 아이콘 주변의 전체 영역을 에워싸는 선택 상자를 작성하려면
포인터를 클릭하고 끌어서 네 개의 모든 페이지 아이콘을 선택하십시오.
상자 내의 모든 아이콘이 선택됩니다.
- 마우스 오른쪽 단추를 클릭하고 페이지 템플리트 > 템플리트 적용을
선택하십시오. 페이지 템플리트 적용 마법사가 열립니다.
- 사용자 정의 페이지 템플리트 단일 선택 단추를 클릭하십시오. 사용자
고유의 템플리트를 작성하지 않은 경우 제공한 샘플 페이지 템플리트 중 하나를
사용할 수 있습니다.
- 작은 그림 화면에서 템플리트를 선택하고 다음을 클릭하십시오.
- 웹 사이트의 페이지에 아직 컨텐츠가 포함되어 있지 않으므로,
템플리트 컨텐츠 영역에 페이지 요소를 맵핑하는 방법은 중요하지 않습니다.
따라서 기본값을 그대로 사용한 후 다음을 클릭하면 됩니다. 템플리트를
적용하려고 한 페이지에 컨텐츠가 이미 있으면, 기존 요소를 템플리트 컨텐츠 영역에
맵핑하기 위한 예제 페이지로 특정 페이지를 선택할 수 있습니다. 자세한 정보는 컨텐츠 영역 맵핑에 대한 추가 학습을 참조하십시오.
참고: bodyarea라고 하는
하나의 컨텐츠 영역만 작성해도 두 번째 컨텐츠 영역으로 headarea가
표시됩니다. headarea는 기본적으로 페이지 템플리트에 포함됩니다.
- 다음을 클릭하여 맵핑 기본값을 그대로 사용할 수 있습니다. 이 옵션은
페이지의 기존 컨텐츠가 템플리트의 컨텐츠 영역 내에 위치하는 방법을 제어합니다.
- 페이지 템플리트를 적용할 페이지 상자에 모두 네 개의 페이지가
표시되고 네 개 모두 선택되어 있는지 확인하십시오. 마법사의 이 페이지에서는
템플리트의 응용프로그램에 대해 유효성을 검증하여 템플리트 사용으로
페이지에 마크업 오류가 발생하지 않는지 확인할 수 있습니다.
- 완료를 클릭하십시오. 템플리트가 페이지에 적용되고,
각 페이지에 연관되는 템플리트가 있음을 반영하기 위해 페이지 아이콘이
파란색 밴드로 갱신됩니다.
- 웹 사이트 탐색을 저장하십시오.
웹 사이트에 사이트의 룩앤필을 제어하기 위한 페이지 템플리트를
적용했습니다. 사이트 페이지 레이아웃 및 색상 설계를 변경할 것을
결정하고, 사이트의 모든
페이지에 표시할 공통 요소를 추가하려고 할 때,
이 단일 페이지 템플리트를 편집하면 됩니다. 이 템플리트는 사이트의
개별 페이지에 적용되고, 템플리트 변경사항은 템플리트 파일을
저장할 때마다 페이지에 적용됩니다.
자세한 정보는 페이지 템플리트 적용에 대한 추가 학습을 참조하십시오.
이제 연습 1.6:
웹 사이트의 동적 탐색 실현을 시작할 수 있습니다.