프로젝트에 반복 사용 가능한 정적인 콘텐츠가 많이 포함된 경우 Dreamweaver CC에서 템플릿을 만드는 것이 좋습니다.
Dreamweaver CC에서 템플릿을 만들면 가장 좋은 점은 템플릿을 변경할 때 해당 템플릿을 기반으로 모든 페이지가 자동으로 업데이트된다는 것입니다.
따라서 페이지 업데이트 과정이 간소화됩니다.
템플릿은 페이지 내의 데이터에 많이 사용되는 반면 시각적 프레젠테이션에는 비교적 적게 사용됩니다.
이때 CSS를 사용하여 시각적 프레젠테이션을 처리할 수 있습니다.
많은 양의 콘텐츠가 포함된 경우 각 콘텐츠의 유형이 유사할 수 있고 그렇지 않을 수도 있는데 이때 템플릿이 매우 유용할 수 있습니다.
그러면 함께 살펴보겠습니다.
이 페이지를 아래로 스크롤해 보면 My Portfolio라는 영역이 있고 다양한 아트웍이 있습니다.
예를 들어 한 페이지에 다양한 유형의 아트웍을 배치해야 한다고 가정해보죠.
일반적인 My Portfolio를 만드는 것이 아니라 특정 사진 포트폴리오와 개성 있는 그림 포트폴리오를 만들고 이 설정을 동일하게 유지하면서도 간편한 방법으로 이미지와 텍스트만 변경하고 싶다고 가정해보겠습니다.
이때 템플릿을 사용하면 이 프로세스가 매우 수월해집니다.
먼저 템플릿을 사용하여 작업하려면 문서를 템플릿으로 저장합니다.
그러려면 먼저 라이브 뷰가 켜져 있는 경우 이를 끈 다음 파일 메뉴로 이동하여 템플릿으로 저장을 선택합니다.
그런 다음 이 템플릿을 저장할 사이트를 선택합니다.
Photography 웹 사이트를 작업하고 있으므로 그대로 두겠습니다.
설명이 필요한 경우 이 필드에 입력하면 되는데요.
"Portfolio Pages"라고 해보죠.
이제 저장해야 하는데요.
템플릿명을 "mytemplate"이라고 지정하겠습니다.
문서를 저장할 때도 원하는 경우 설명 식으로 입력할 수 있습니다.
이제 저장을 클릭하면 자동으로 템플릿 디렉토리에 이 템플릿이 추가됩니다.
링크를 업데이트할 것인지 묻는 대화 상자가 표시되면 원하는 경우 예를 클릭합니다.
예를 클릭하면 방금 만든 템플릿으로 전환됩니다.
템플릿 확장명은 .dwt로 Dreamweaver CC 템플릿을 의미합니다.
이 템플릿을 기반으로 새로운 페이지를 만들 수 있습니다.
현재 이것은 템플릿 파일인데요.
이 파일에서 작업하는 것이 아니라 이 템플릿을 기반으로 새로운 페이지를 만들어보겠습니다.
이를 위해 파일 메뉴에서 새 파일을 선택하면 새 문서 대화 상자가 열립니다.
사이트 템플릿으로 이동하고 작업 중인 사이트를 선택합니다.
이 경우 Photography 웹 사이트를 선택한 다음 사용할 템플릿을 선택하는데 "mytemplate"이 되겠습니다.
여기에 설명이 있네요.
유용한 기능이 또 하나 있는데 바로 템플릿 변경 시 페이지를 업데이트하는 것입니다.
이 옵션을 선택된 상태로 두고 만들기를 클릭합니다.
그런 다음 변경하기 위해 아래로 스크롤하여 My Portfolio를 다른 것으로 바꿔볼 텐데요.
현재 스타일시트도 이 페이지에 적용되어 있지 않습니다.
라이브 뷰를 클릭해 확인해보죠.
라이브 뷰를 클릭해보면 약간 다르죠.
몇 가지를 변경해야 하는 요소가 있는데 현재 여기에서는 변경할 수 없습니다.
텍스트를 선택할 수도 없고 이 페이지에서 할 수 있는 것이 없는데요.
이때 템플릿의 진가가 발휘됩니다.
기본적으로 템플릿을 기반으로 하는 페이지의 모든 요소는 잠겨 있습니다.
그러므로 템플릿으로 이동하여 영역을 편집 가능한 영역으로 표시해야 합니다.
또한 신중하게 스타일시트 파일을 하위 페이지에 적용해야 합니다.
다음 비디오에서는 이러한 모든 요소에 대해 살펴보겠습니다.
