사용 안내서 취소

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

검색

마지막 업데이트 날짜 2022년 11월 28일

Dreamweaver

앱 열기

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

템플릿 사용자가 템플릿을 기반으로 만든 문서에 지정된 태그 속성을 수정하도록 허용할 수 있습니다.

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

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

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

참고:

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

문서 창에서 편집 가능 태그 속성을 설정할 항목을 선택합니다.
[도구] > [템플릿] > [편집 가능 속성 만들기]를 선택합니다.

편집 가능 속성 만들기
[속성] 상자에서 다음 중 한 가지를 수행하여 [편집 가능 태그 속성] 대화 상자에서 이름을 입력하거나 속성을 선택합니다.
- 편집 가능하게 만들 속성이 [속성] 팝업 메뉴에 표시되면 해당 속성을 선택합니다.
- 편집 가능하게 만들 속성이 [속성] 팝업 메뉴에 표시되지 않으면 [추가]를 클릭한 다음, 나타나는 대화 상자에서 추가할 속성의 이름을 입력하고 [확인]을 클릭합니다.
[편집 가능 속성 만들기] 옵션이 선택되어 있는지 확인합니다.
[레이블] 상자에 속성의 고유 이름을 입력합니다.

참고:

나중에 특정 편집 가능 태그 속성을 쉽게 식별하려면 요소와 속성을 식별하는 레이블을 사용합니다. 예를 들어 편집 가능한 소스가 있는 이미지에 logoSrc라는 레이블을 지정하거나 body 태그의 편집 가능한 배경색에 bodyBgcolor라는 레이블을 지정할 수 있습니다.
[유형] 메뉴에서 다음 옵션 중 하나를 선택하여 이 속성에 사용할 수 있는 값 유형을 선택합니다.
- 텍스트: 사용자가 속성에 대해 텍스트 값을 입력할 수 있도록 하려면 이 옵션을 선택합니다. 예를 들어 align 속성을 가진 텍스트를 사용하면 사용자는 속성의 값을 left, right 또는 center로 설정할 수 있습니다.
- URL: 이미지의 파일 경로와 같이 요소에 연결되는 링크를 삽입하려면 이 옵션을 선택합니다. 이 옵션을 사용하면 링크에 사용된 경로가 자동으로 업데이트됩니다. 사용자가 이미지를 새 폴더로 이동하면 [링크 업데이트] 대화 상자가 나타납니다.
- 색상: 값을 선택할 때 색상 피커를 사용하려면 이 옵션을 선택합니다.
- True/False: 사용자가 페이지에서 true 또는 false 값을 선택할 수 있도록 하려면 이 옵션을 선택합니다.
- 숫자: 템플릿 사용자가 이미지의 높이 또는 폭 값 등을 변경하려고 할 때 숫자 값을 입력하여 속성을 업데이트할 수 있도록 하려면 이 옵션을 선택합니다.
[기본값] 상자에는 템플릿에서 선택한 태그 속성의 값이 표시됩니다. 템플릿 기반 문서에서 매개 변수에 대한 초기값을 다르게 설정하려면 이 상자에 새 값을 입력합니다.
(선택 사항) 선택한 태그의 다른 속성을 변경하려면 속성을 선택한 다음 해당 속성의 옵션을 선택합니다.
[확인]을 클릭합니다.