Dreamweaver에서 편집 가능 태그 속성 정의

마지막 업데이트 날짜 2021년 4월 27일

Dreamweaver의 템플릿에서 편집 가능 태그 속성을 지정합니다. 또한, 편집 가능 태그 속성을 편집 불가능하게 만드는 방법도 살펴봅니다.

템플릿 사용자가 템플릿에서 생성된 문서에서 지정된 태그 속성을 수정할 수 있도록 허용할 수 있습니다.

예를 들어, 템플릿 문서에서 배경색을 설정하면서도 템플릿 사용자가 생성하는 페이지에 다른 배경색을 설정할 수 있도록 허용할 수 있습니다. 사용자는 편집 가능하다고 지정한 속성만 업데이트할 수 있습니다.

페이지에서 여러 개의 편집 가능한 속성을 설정하여 템플릿 사용자가 템플릿 기반 문서에서 속성을 수정할 수 있도록 할 수도 있습니다. 다음 데이터 유형이 지원됩니다: 텍스트, Boolean (/거짓), 색상 및 URL.

편집 가능한 태그 속성을 만들면 코드에 템플릿 매개변수가 삽입됩니다. 속성의 초기 값이 템플릿 문서에서 설정되고, 템플릿 기반 문서가 생성되면 매개변수를 상속받습니다. 그러면 템플릿 사용자가 템플릿 기반 문서에서 매개변수를 편집할 수 있습니다.

메모

스타일 시트에 대한 링크를 편집 가능한 속성으로 만들면 스타일 시트의 속성을 더 이상 템플릿 파일에서 보거나 편집할 수 없습니다.

문서 창에서 편집 가능한 태그 속성을 설정하려는 항목을 선택하십시오.

[도구] > [템플릿] > [편집 가능 속성 만들기]를 선택합니다.

편집 가능 속성 만들기
편집 가능 속성 만들기

[속성] 상자에서 이름을 입력하거나 다음 중 하나를 수행하여 [편집 가능한 태그 속성] 대화 상자에서 속성을 선택합니다:
  • 편집 가능하게 만들려는 속성이 [속성] 팝업 메뉴에 나열되어 있으면 선택하십시오.

  • 편집 가능하게 만들려는 속성이 속성 팝업 메뉴에 나열되어 있지 않으면 [추가]를 클릭하고 열리는 대화상자에서 추가할 속성의 이름을 입력한 후 [확인]을 클릭합니다.

[편집 가능 속성 만들기] 옵션이 선택되어 있는지 확인합니다.
[레이블] 상자에 속성의 고유 이름을 입력합니다.
메모

나중에 특정 편집 가능한 태그 속성을 쉽게 식별할 수 있도록 요소와 속성을 식별하는 레이블을 사용합니다. 예를 들어, 소스가 편집 가능한 이미지에 logoSrc라는 레이블을 지정하거나 본문 태그의 편집 가능한 배경색에 bodyBgcolor라는 레이블을 지정할 수 있습니다.

[유형] 메뉴에서 다음 옵션 중 하나를 선택하여 이 속성에 사용할 수 있는 값 유형을 선택합니다.

  • 텍스트: 사용자가 속성에 대해 텍스트 값을 입력할 수 있도록 하려면 이 옵션을 선택합니다. 예를 들어 align 속성을 가진 텍스트를 사용하면 사용자는 속성의 값을 left, right 또는 center로 설정할 수 있습니다.

  • URL: 이미지의 파일 경로와 같이 요소에 연결되는 링크를 삽입하려면 이 옵션을 선택합니다. 이 옵션을 사용하면 링크에 사용된 경로가 자동으로 업데이트됩니다. 사용자가 이미지를 새 폴더로 이동하면 [링크 업데이트] 대화 상자가 나타납니다.

  • 색상: 값을 선택할 때 색상 피커를 사용하려면 이 옵션을 선택합니다.

  • True/False: 사용자가 페이지에서 true 또는 false 값을 선택할 수 있도록 하려면 이 옵션을 선택합니다.

  • 숫자: 템플릿 사용자가 이미지의 높이 또는 폭 값 등을 변경하려고 할 때 숫자 값을 입력하여 속성을 업데이트할 수 있도록 하려면 이 옵션을 선택합니다.

기본값 상자에는 템플릿에서 선택한 태그 속성의 값이 표시됩니다. 이 상자에 새 값을 입력하여 템플릿 기반 문서에서 매개변수에 대해 다른 초기 값을 설정합니다.
(선택 사항) 선택한 태그의 다른 속성을 변경하려면 속성을 선택하고 해당 속성의 옵션을 설정합니다.
[확인]을 클릭합니다.

편집 가능한 태그 속성을 편집 불가능하게 만들기

이전에 편집 가능하다고 표시된 태그를 편집 불가능하다고 표시할 수 있습니다.

템플릿 문서에서 편집 가능한 속성과 연결된 요소를 클릭하거나 태그 선택기를 사용하여 태그를 선택합니다.

[도구] > [템플릿] > [편집 가능 속성 만들기]를 선택합니다.

속성 팝업 메뉴에서 영향을 줄 속성을 선택합니다.
[편집 가능 속성 만들기]를 선택 취소하고 [확인]을 클릭합니다.
템플릿을 기반으로 문서를 업데이트합니다.

관련 항목 더 보기