(Dreamweaver+CS课件)第章模板.pptVIP

第20章 模板 在建设一个大规模的网站时，通常需要制作很多的页面，而且还要保证这些页面的风格统一。为了提高网站建设与更新的工作效率，避免重复操作，这就要用到Dreamweaver CS4中的模板。本章就来学习如何创建和使用模板。 20.1 模板概述 图20.1是一个应用模板的网页实例，网页中的可编辑区域用蓝色边框标识。只需要修改可编辑区域的内容，就可以制作出一系列风格统一的网页，这就是模板的好处。下面就来看看什么是模板，以及模板有哪些优点。 20.1.1 什么是模板 模板的最大作用就是用来创建有统一风格的网页，省去了重复操作的麻烦，提高工作效率。它是一种特殊类型的文档，文件扩展名为“.dwt”。在设计网页时，可以将网页的公共部分放到模板中。要更新公共部分时，只需要更改模板，所有应用该模板的页面都会随之改变。在模板中可以创建可编辑区域，应用模板的页面只能对可编辑区域内进行编辑，而可编辑区域外的部分只能在模板中编辑。 20.1.2 模板的优点 总的来说在Dreamweaver CS4中模板有以下优点： 提高设计者的工作效率。 更新站点时，使用相同模板的网页文件可同时更新。 模板与基于该模板的网页文件之间保持连接状态，对于相同的内容可保证完全的一致。 20.2 创建模板 模板的制作与普通网页的制作相同，是用来制作网页的公共部分。设计者可以根据需要，直接创建空白的模板，也可以将已有文档转换为模板。要使模板生效，其中至少还要创建一个可编辑区域；否则基于该模板的页面是不可编辑的。为了便于管理，最好将创建的模板存放在站点根目录下的“Templates”文件夹中。 20.2.1 直接创建模板 在Dreamweaver CS4中，可以通过“资源”面板直接创建模板。具体操作步骤如下： 20.2.2 将已有文档转换为模板 上一小节学习直接创建空白模板，在Dreamweaver CS4中还可以将已有文档转换为模板，具体操作步骤如下： 20.2.3 创建可编辑区域 在设计模板时，设计者可以决定模板中的哪些部分是可编辑的，而哪些是不可编辑的，这就要通过创建可编辑区域来实现上述功能。具体操作步骤如下： 20.3 模板的应用 20.2节学习了创建模板，下面就来学习如何将创建好的模板应用到页面中。本节主要介绍应用模板创建新文档和将模板应用于现有文档两种应用方式，以及更新应用模板的页面，从模板中分离页面等内容。 20.3.1 应用模板创建新文档 具体操作步骤如下： 20.3.2 将模板应用于现有文档 上一小节学习应用模板创建新文档，在Dreamweaver CS4中还可以将模板应用于现有文档，具体操作步骤如下： 20.3.3 更新应用模板的文档 当模板中的内容发生改变时，可以通过“更新页面”功能，更新所有应用模板的文档。具体操作步骤如下： 20.3.4 从模板中分离 应用模板的页面，可以通过“从模板中分离”功能，转化为普通HTML页面，并且保留网页中原内容。还是以上述网页为例，具体操作步骤如下： 20.4 嵌套模板的应用 嵌套模板实际上就是基于一个模板创建的模板，它对基础模板的可编辑区域有继承性，可以在基础模板的可编辑区域中创建新的可编辑区域。具体操作步骤如下：