Dreamweaver의 템플릿에서 편집 가능 태그 속성을 지정합니다. 또한, 편집 가능 태그 속성을 편집 불가능하게 만드는 방법도 살펴봅니다.
템플릿 사용자가 템플릿에서 생성된 문서에서 지정된 태그 속성을 수정할 수 있도록 허용할 수 있습니다.
예를 들어, 템플릿 문서에서 배경색을 설정하면서도 템플릿 사용자가 생성하는 페이지에 다른 배경색을 설정할 수 있도록 허용할 수 있습니다. 사용자는 편집 가능하다고 지정한 속성만 업데이트할 수 있습니다.
페이지에서 여러 개의 편집 가능한 속성을 설정하여 템플릿 사용자가 템플릿 기반 문서에서 속성을 수정할 수 있도록 할 수도 있습니다. 다음 데이터 유형이 지원됩니다: 텍스트, Boolean (참/거짓), 색상 및 URL.
편집 가능한 태그 속성을 만들면 코드에 템플릿 매개변수가 삽입됩니다. 속성의 초기 값이 템플릿 문서에서 설정되고, 템플릿 기반 문서가 생성되면 매개변수를 상속받습니다. 그러면 템플릿 사용자가 템플릿 기반 문서에서 매개변수를 편집할 수 있습니다.
스타일 시트에 대한 링크를 편집 가능한 속성으로 만들면 스타일 시트의 속성을 더 이상 템플릿 파일에서 보거나 편집할 수 없습니다.
[도구] > [템플릿] > [편집 가능 속성 만들기]를 선택합니다.
편집 가능하게 만들려는 속성이 [속성] 팝업 메뉴에 나열되어 있으면 선택하십시오.
편집 가능하게 만들려는 속성이 속성 팝업 메뉴에 나열되어 있지 않으면 [추가]를 클릭하고 열리는 대화상자에서 추가할 속성의 이름을 입력한 후 [확인]을 클릭합니다.
나중에 특정 편집 가능한 태그 속성을 쉽게 식별할 수 있도록 요소와 속성을 식별하는 레이블을 사용합니다. 예를 들어, 소스가 편집 가능한 이미지에 logoSrc라는 레이블을 지정하거나 본문 태그의 편집 가능한 배경색에 bodyBgcolor라는 레이블을 지정할 수 있습니다.
[유형] 메뉴에서 다음 옵션 중 하나를 선택하여 이 속성에 사용할 수 있는 값 유형을 선택합니다.
텍스트: 사용자가 속성에 대해 텍스트 값을 입력할 수 있도록 하려면 이 옵션을 선택합니다. 예를 들어 align 속성을 가진 텍스트를 사용하면 사용자는 속성의 값을 left, right 또는 center로 설정할 수 있습니다.
URL: 이미지의 파일 경로와 같이 요소에 연결되는 링크를 삽입하려면 이 옵션을 선택합니다. 이 옵션을 사용하면 링크에 사용된 경로가 자동으로 업데이트됩니다. 사용자가 이미지를 새 폴더로 이동하면 [링크 업데이트] 대화 상자가 나타납니다.
색상: 값을 선택할 때 색상 피커를 사용하려면 이 옵션을 선택합니다.
True/False: 사용자가 페이지에서 true 또는 false 값을 선택할 수 있도록 하려면 이 옵션을 선택합니다.
숫자: 템플릿 사용자가 이미지의 높이 또는 폭 값 등을 변경하려고 할 때 숫자 값을 입력하여 속성을 업데이트할 수 있도록 하려면 이 옵션을 선택합니다.
편집 가능한 태그 속성을 편집 불가능하게 만들기
이전에 편집 가능하다고 표시된 태그를 편집 불가능하다고 표시할 수 있습니다.
[도구] > [템플릿] > [편집 가능 속성 만들기]를 선택합니다.