Dreamweaver 4.0에서 우리는 이미 템플릿과 라이브러리의 개념을 접했으며 유사한 스타일의 웹 페이지를 일괄 생성하는 데 유용한 도구라는 것을 알고 있습니다. 이제 Dreamweaver MX(이하 DW MX)에서는 템플릿과 라이브러리의 기능이 더욱 개선되고 강화되었으며, 특히 관련 웹 페이지를 자동으로 업데이트하는 기능이 탑재되어 템플릿과 라이브러리가 DW MX의 하이라이트가 되었습니다.
1. 먼저 템플릿 적용을 살펴보겠습니다. Dreamweaver 4.0과 다르게 DW MX는 템플릿 작업을 “수정”과 “삽입” 두 가지 메뉴로 확장합니다. 동시에 "파일" 옵션의 "어설션" 하위 옵션에서 직접 템플릿을 생성할 수도 있습니다.
2. "어설션" 하위 옵션을 찾아 왼쪽 도구 모음에서 "템플릿" 버튼을 클릭하세요. 현재 템플릿은 비어 있습니다. 오른쪽 하단에 있는 "새 템플릿" 버튼을 클릭하면 빈 템플릿이 나타납니다. 패널에서(그림 1 참조) 템플릿 이름을 클릭하여 편집 가능한 상태로 들어갑니다. 현재로서는 템플릿에 추가된 요소가 없습니다. 일반 웹 페이지를 편집하는 것처럼 템플릿에 표, 이미지, 텍스트 등을 추가할 수 있습니다. 추가한 후 템플릿을 저장하면 기본 사이트 폴더의 "템플릿" 하위 폴더에서 확장자가 .dwt인 템플릿을 찾을 수 있습니다.
이것이 번거롭다면 DW MX는 템플릿으로 저장할 웹 페이지를 편집한 후 "파일" 메뉴에서 "템플릿으로 저장"을 클릭하여 템플릿을 생성하는 보다 직접적인 방법도 제공합니다.
3. 템플릿이 생성된 후에는 향후 다른 웹 콘텐츠를 작성할 수 있도록 편집 가능한 영역을 설정해야 합니다. 템플릿을 열고 "삽입/템플릿 개체/편집 가능 영역" 메뉴를 클릭하면 편집 가능 영역 대화 상자가 나타납니다. 영역 이름을 지정하면 템플릿에 파란색 상자가 나타나는 것을 볼 수 있습니다. 저장 후 편집 가능한 영역의 템플릿이 생성됩니다.
4. 웹페이지를 일괄적으로 생성하는 방법은 무엇입니까? "파일/새로 만들기" 메뉴를 클릭하고 "템플릿" 옵션을 선택하면 생성된 템플릿이 즉시 표시됩니다. "만들기" 버튼을 클릭하면 템플릿이 웹 페이지에 자동으로 적용되기 시작합니다. 이때 원본 템플릿 영역은 노란색으로 그 안의 요소가 고정되어 편집할 수 없는 반면, 방금 지정한 편집 가능 영역은 파란색으로 편집 가능함을 알 수 있습니다. 이러한 방식으로 유사한 웹 페이지를 생성하는 작업량을 크게 단순화할 뿐만 아니라 웹 페이지 스타일의 일관성을 효과적으로 보장합니다.
5. 마지막으로, 연계된 웹페이지의 일괄 업데이트가 있습니다. 이는 대형 웹사이트에서 웹페이지를 업데이트하는데 꼭 필요한 기술로, DW MX에서 쉽게 구현할 수 있습니다. 모든 웹 페이지는 동일한 템플릿을 적용하고 이러한 웹 페이지는 동일한 사이트 디렉터리에 저장되므로 모든 웹 페이지의 공통 요소를 변경하려면 템플릿의 요소만 수정하면 됩니다.
"템플릿" 하위 옵션을 열고 관련 웹 페이지의 템플릿을 두 번 클릭하면 템플릿이 편집 가능한 상태로 전환되고 템플릿 내용을 변경하면 프롬프트 대화 상자가 나타납니다. 저장 시: "다음 웹 페이지는 현재 템플릿을 사용합니다. 업데이트하시겠습니까?"(그림 2) "업데이트"를 클릭하면 템플릿을 기반으로 생성된 모든 관련 웹 페이지가 업데이트됩니다(그림 3). .
그림 2
그림 3
템플릿과 유사하게 DW MX의 라이브러리는 더 유연합니다. "Assert" 탭에서 "Library"를 클릭하여 라이브러리를 엽니다. 현재 라이브러리에 요소를 추가하여 라이브러리를 생성합니다. 테이블과 이미지를 라이브러리 패널로 직접 드래그합니다(아래 그림 참조).
라이브러리의 요소는 이미지나 텍스트 자체일 뿐만 아니라 웹페이지에서 해당 이미지를 정렬하는 코드이기도 합니다. 따라서 템플릿과 동일한 라이브러리 요소를 웹 페이지에 추가하여 유사한 스타일의 웹 페이지를 대량 생산할 수도 있습니다. 이때 라이브러리 패널의 새 웹 페이지로 요소를 다시 드래그하기만 하면 관련 코드가 새 웹 페이지에 자동으로 복사됩니다.
또한 라이브러리 요소는 웹 사이트의 일괄 업데이트를 실현할 수도 있습니다. 라이브러리 패널에서 라이브러리 요소를 클릭하면 라이브러리가 편집 가능한 상태로 전환됩니다(그림 5 참조). 라이브러리 요소를 사용하면 웹 페이지가 동시에 자동으로 업데이트됩니다.
그림 5
마지막으로 자동 업데이트에 한 가지 추가 기능이 더 있습니다. 템플릿을 사용하여 웹 페이지를 생성했지만 자동으로 업데이트될 때 그대로 유지하고 사이트의 나머지 웹 페이지와 함께 업데이트하지 않으려면 "수정/템플릿/템플릿에서 분리"를 클릭합니다. 이때 웹페이지는 더 이상 템플릿에 의해 제한되지 않으며 웹페이지를 수동으로 업데이트해야 합니다.