第16章 模板 在建设一个大规模的网站时，通常需要制作很多的页 面，而且还要保证这些页面的风格统一。为了提高网 站建设与更新的工作效率，避免重复操作，这就要用 到Dreamweaver CS4中的模板。本章就来学习如何创 建和使用模板。

Presentation on theme: "第16章 模板 在建设一个大规模的网站时，通常需要制作很多的页 面，而且还要保证这些页面的风格统一。为了提高网 站建设与更新的工作效率，避免重复操作，这就要用 到Dreamweaver CS4中的模板。本章就来学习如何创 建和使用模板。"— Presentation transcript:

1 第16章 模板 在建设一个大规模的网站时，通常需要制作很多的页 面，而且还要保证这些页面的风格统一。为了提高网 站建设与更新的工作效率，避免重复操作，这就要用 到Dreamweaver CS4中的模板。本章就来学习如何创 建和使用模板。

2 16.1 模板概述 模板是一种特殊类型的文档，文件扩展名为“.dwt”。 在设计网页时，可以将网页的公共部分放到模板中。 要更新公共部分时，只需要更改模板，所有应用该 模板的页面都会随之改变。在模板中可以创建可编 辑区域，应用模板的页面只能对可编辑区域内进行 编辑，而可编辑区域外的部分只能在模板中编辑。 模板的最大作用就是用来创建有统一风格的网页， 省去了重复操作的麻烦，提高工作效率。

3 16.1 模板概述 图20.1是一个应用模板的网页实例，网页中的可编辑 区域用蓝色边框标识。只需要修改可编辑区域的内容， 就可以制作出一系列风格统一的网页，这就是模板的 好处。

4 16.2 创建模板 模板的制作与普通网页的制作相同，是用来制作网 页的公共部分。设计者可以根据需要，直接创建空 白的模板，也可以将已有文档转换为模板。 要使模板生效，其中至少还要创建一个可编辑区域； 否则基于该模板的页面是不可编辑的。 为了便于管理，最好将创建的模板存放在站点根目 录下的“Templates”文件夹中。

5 直接创建模板 在Dreamweaver CS4中，可以通过“资源”面板直接 创建模板。方法：单击按钮

6 创建可编辑区域 在设计模板时，设计者可以决定模板中的哪些部分是 可编辑的，而哪些是不可编辑的，这就要通过创建可 编辑区域来实现上述功能。具体操作步骤如下： 插入->模板对象->模板可编辑区域

7 16.3 模板的应用 下面就来学习如何将创建好的模板应用到页面中。本 节主要介绍应用模板创建新文档和将模板应用于现有 文档两种应用方式，以及更新应用模板的页面，从模 板中分离页面等内容。

8 应用模板创建新文档 具体操作步骤如下：

9 更新应用模板的文档 当模板中的内容发生改变时，可以通过“更新页面” 功能，更新所有应用模板的文档。

10 从模板中分离 应用模板的页面，可以通过“从模板中分离”功能， 转化为普通HTML页面，并且保留网页中原内容。还 是以上述网页为例，具体操作步骤如下： 修改->模板->从模板中分离