Home >Development Tools >dreamweaver >How to use templates in Dreamweaver (with code)

How to use templates in Dreamweaver (with code)

不言forward: 2018-09-29 14:56:468518browse

The content of this article is about how to use templates in Dreamweaver (with code). It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

The functions of templates:

1. Helps to maintain a consistent appearance and style of the entire website;

2. After modifications are made in the template , all pages to which the template is applied will be updated automatically.

Simple example:

// In its .dwt template

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

// In the page , declare the address of the application template, and the area, etc.

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

// In the template area, set the editable area

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

新建空白模板：

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

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

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

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

添加可编辑区域：

方法一：

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

方法二：

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

方法三：

按Ctrl+Alt+V 组合键；

方法四：

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

删除可编辑区域：

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

修改编辑模板：

Select "Window"->"Resources"->"Template" icon->Select the template you want to edit, and then double-click it. The template will appear in the "Document" window, and you can edit the template at this time.

Apply a template to a web page:

1. Open the document (ie: page) to which you want to apply the template;

2. Select "Window" -> "Resources" - >"Template" icon->Select the template you want to apply;

3. Drag the template from the panel into the page window (or click the "Apply" button);

4. Add or write data in the editable area;

Note:If there is already content in the document, the existing content must be moved to the editable area of the template, otherwise Dreamweaver will delete it content!

The above is the detailed content of How to use templates in Dreamweaver (with code). For more information, please follow other related articles on the PHP Chinese website!

Statement：

This article is reproduced at:cnblogs.com. If there is any infringement, please contact admin@php.cn delete

Previous article：Color matching method of dreamweaver cs6 color code under win8 systemNext article：Color matching method of dreamweaver cs6 color code under win8 system

See more

How to use templates in Dreamweaver (with code)

Related articles