문서에서 내용을 표시하기 위한 조건을 설정할 때 Dreamweaver에서 템플릿의 옵션 영역을 사용합니다.
선택적 영역은 사용자가 템플릿 기반 문서에서 표시하거나 숨기도록 설정할 수 있는 템플릿의 영역입니다.문서에서 콘텐츠를 표시하는 조건을 설정하려는 경우 선택적 지역을 사용하십시오.
선택적 영역을 삽입할 때 템플릿 매개변수의 특정 값을 설정하거나 템플릿 영역에 대한 조건문(If...else 문)을 정의할 수 있습니다.간단한 참/거짓 연산을 사용하거나 더 복잡한 조건문과 식을 정의하십시오.필요한 경우 나중에 조건 영역을 수정할 수 있습니다. 정의한 조건에 따라 템플릿 사용자는 생성하는 템플릿 기반 문서에서 매개변수를 편집하고 선택적 지역이 표시되는지 여부를 제어할 수 있습니다.
여러 옵션 영역을 이름이 있는 매개 변수에 링크할 수 있습니다. 템플릿 기반 문서에서 두 지역 모두 하나의 단위로 표시되거나 숨겨집니다.예를 들어, 세일 상품에 대한 "closeout" 이미지와 판매 가격 텍스트 영역을 표시할 수 있습니다.
옵션 영역 삽입
템플릿 기반 문서에서 표시되거나 표시되지 않을 수 있는 콘텐츠를 제어하려면 선택적 지역을 사용하십시오.옵션 영역에는 다음과 같은 두 가지 유형이 있습니다.
- 편집할 수 없는 선택적 영역으로, 템플릿 사용자가 콘텐츠 편집을 활성화하지 않고도 특별히 표시된 영역을 표시하거나 숨길 수 있습니다.
선택적 지역의 템플릿 탭 앞에는 if라는 단어가 표시됩니다.템플릿에 설정된 조건에 따라 템플릿 사용자는 생성한 페이지에서 지역을 볼 수 있는지 여부를 정의할 수 있습니다.
- 편집 가능한 선택적 지역은 템플릿 사용자가 지역을 표시하거나 숨길지 여부를 설정할 수 있도록 하며, 사용자가 지역의 콘텐츠를 편집할 수 있도록 합니다.
예를 들어, 선택적 지역에 이미지나 텍스트가 포함된 경우 템플릿 사용자는 콘텐츠가 표시되는지 여부를 설정할 수 있을 뿐만 아니라 원하는 경우 콘텐츠를 편집할 수도 있습니다.편집 가능한 지역은 조건문으로 제어됩니다.
편집할 수 없는 선택적 지역 삽입
[삽입] > [템플릿] > [옵션 영역]을 선택합니다.
[삽입] 패널 [일반] 범주의 드롭다운 목록에서 [템플릿]을 클릭한 후, [옵션 영역]을 선택합니다.
편집 가능 옵션 영역 삽입
선택 영역을 감싸서 편집 가능한 선택적 지역을 만들 수는 없습니다.지역을 삽입한 다음 지역에 콘텐츠를 삽입하십시오.
[삽입] > [템플릿] > [편집 가능 옵션 영역]을 선택합니다.
[삽입] 패널의 [템플릿] 범주에서 [편집 가능 옵션 영역]을 선택합니다.
옵션 영역의 값 설정
템플릿에 지역을 삽입한 후 선택적 지역 설정을 편집할 수 있습니다.예를 들어, 콘텐츠의 기본 설정이 표시되는지 여부를 변경하거나, 매개변수를 기존 선택적 지역에 연결하거나, 템플릿 식을 수정할 수 있습니다.
템플릿 매개변수를 생성하고 템플릿 지역에 대한 조건문(If...else 문)을 정의하십시오.간단한 참/거짓 연산을 사용하거나 더 복잡한 조건문과 식을 정의할 수 있습니다.
[고급] 탭에서 여러 선택적 영역을 명명된 매개변수에 연결할 수 있습니다. 템플릿 기반 문서에서 두 영역이 모두 하나의 단위로 표시되거나 숨겨집니다. 예를 들어, 세일 항목에 대해 "마감" 이미지와 할인 가격 텍스트 영역을 표시할 수 있습니다.
[고급] 탭을 사용하여 선택적 영역의 값을 평가하고 해당 값에 따라 표시하거나 숨기는 템플릿 표현식을 작성할 수도 있습니다.
디자인 보기에서 수정하려는 선택적 영역의 템플릿 탭을 클릭합니다.
디자인 보기에서 템플릿 영역에 삽입 포인트를 놓은 다음, 문서 창 하단의 태그 선택기에서 템플릿 태그 <mmtemplate:if>를 선택합니다.
코드 보기에서 수정하려는 템플릿 영역의 댓글 태그를 클릭합니다.
선택한 영역이 문서에 표시되도록 설정하려면 [기본으로 보기] 체크 상자를 선택합니다. 기본값을 false로 설정하려면 이 체크 상자의 선택을 취소합니다.
매개변수에 다른 값을 설정하려면 코드 보기에서 문서의 섹션에 있는 매개변수를 찾아 값을 편집합니다.
옵션 영역 매개 변수에 링크를 만들려면 [고급] 탭을 클릭하고 [매개 변수 사용]을 선택한 다음, 팝업 메뉴에서 선택한 내용을 링크할 기존 매개 변수를 선택합니다.
템플릿 표현식을 작성하여 옵션 영역의 표시를 제어하려면 [고급] 탭을 클릭하고 [표현식 입력]을 선택한 후, 상자에 표현식을 입력합니다.
Dreamweaver에서는 사용자가 입력하는 텍스트 양쪽에 큰따옴표가 삽입됩니다.
선택적 지역 템플릿 오브젝트를 사용하면 Dreamweaver가 코드에 템플릿 주석을 삽입합니다.템플릿 매개변수는 다음 예와 같이 head 섹션에서 정의됩니다:<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
선택적 영역이 삽입되는 위치에 아래 코드와 유사한 코드가 나타납니다:
<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
<!-- TemplateBeginIf cond="departmentImage" -->
<p><img src="/images/airfare_on.gif" width="85" height="22"> </p>
<!-- TemplateEndIf -->
템플릿 기반 문서에서 템플릿 매개변수에 액세스하고 편집할 수 있습니다.