집 >개발 도구 >dreamweaver >Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)

Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)

이 문서의 내용은 Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)에 대한 것입니다. 특정 참조 가치가 있으므로 도움이 필요한 친구에게 도움이 되길 바랍니다.

템플릿의 기능:

첫째, 전체 웹사이트의 일관된 모양과 스타일을 유지하는 데 도움이 됩니다.

둘째, 템플릿을 수정한 후 템플릿이 적용된 모든 페이지가 자동으로 업데이트됩니다. .

간단한 예:

// .dwt 템플릿에서

<!-- TemplateBeginEditable name="myName" -->
    设置可编辑区域
<!-- TemplateEndEditable -->

// 페이지에서 애플리케이션 템플릿의 주소와 지역 등을 선언합니다.

<HTML>
<!-- InstanceBegin template="/Templates/myTemplates.dwt" codeOutsideHTMLIsLocked="false" -->
  <HEAD>
  </BODY>
<!-- InstanceEnd -->
</HTML>

/ / 템플릿 영역 내 편집 가능 영역 설정

<!-- InstanceBeginEditable name="myName" -->
    放入可编辑区域的内容
<!-- InstanceEndEditable -->

新建空白模板：

1.选择“窗口”->“资源”命令（或按 F11键）。

2.单击“资源”面板上的“模板”图标，显示“模板”面板。

3.单击“模板”面板右下角的“新建模板”图标。

默认情况下，整个模板都处于锁定状态。

添加可编辑区域：

方法一：

在“插入”栏->“常用”选项卡->“模板”图标->“可编辑区域”；

方法二：

在“插入”->“模板对象”->“可编辑区域”；

方法三：

按Ctrl+Alt+V 组合键；

方法四：

右键选中区域->“模板”->“新建可编辑区域”

删除可编辑区域：

选中编辑区域，“修改”->“模板”->“删除模板标记”，该区域将被锁定，不可编辑。

修改编辑模板：

"창"->"리소스"->"템플릿" 아이콘->편집하려는 템플릿을 선택한 다음 두 번 클릭하면 해당 템플릿이 "문서" 창에 나타납니다. 지금 템플릿을 편집하세요.

웹 페이지에 템플릿 적용:

1. 템플릿을 적용할 문서(예: 페이지)를 엽니다.

2. "창"->"리소스"->"템플릿"을 선택합니다. 아이콘->템플릿을 적용하려면 선택하세요.

3. 패널에서 페이지 창으로 템플릿을 드래그하세요(또는 "적용" 버튼을 클릭하세요).

4. 편집 가능한 영역에 데이터를 추가하거나 쓰세요. :

문서 콘텐츠에 이미 콘텐츠가 있는 경우 기존 콘텐츠를 템플릿의 편집 가능 영역으로 이동해야 하며, 그렇지 않으면 Dreamweaver에서 해당 콘텐츠를 삭제합니다!

위 내용은 Dreamweaver에서 템플릿을 사용하는 방법(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제