第8章使用模板和库

1、第8章 使用模板与和库,本章学习要点： 模板和库的作用 创建模板和库 使用模板和库,一个正规网站的页面风格都是标准化的，然而为了避免重复劳动，我们可以使用Dreamweaver 8.0提供的模板和库的功能，将具有相同版面结构的页面制作成模板，将相同的元素（如版权信息）制作为库项目，存放在站点中以供随时调用，这样能够帮助我们快速地制作出大量相似的网页，并能够方便地修改应用了模板和库的所有网页。,8.1 模板,模板是一种将做好的格式保留以备反复使用的文件，其扩展名为.dwt，并存放在本地站点的templates文件夹中，该文件夹只有在创建模板的时候才会自动生成。 注意：创建模板之前一定要先建立站点

2、。,模板文件的两大区域： 锁定区域：用来锁定体现网站风格部分，可以包括网页背景、导航菜单、网站标志等内容。 可编辑区域：用来定义网页具体内容部分，它们是区别网页之间最明显的标志，在整个网站中可编辑区域的内容是相对灵活的，可以随时修改具体内容。, 创建模板,方法：打开已有网页，选择“文件|另存为模板”命令，打开“另存模板”对话框。,(1)将现有的文档保存为模板,(2)创建空白模板,方法：执行“文件|新建”命令，在打开的“新建文档”对话框中，在“类别”列表中选择“模板页”，在“模板页”列表中选择“HTML模板”，单击“创建”即可。,创建好空白网页模板文档后，就可向编辑普通网页一样创建网页内容，再指

3、定可编辑区域，然后保存模板文档后即可用该模板文档创建其他的网页了。,Dreamweaver 8.0提供了4种模板区域类型，分别是可编辑区域、重复区域、可选区域和可编辑标签属性。, 定义模板区域,(1)定义可编辑区域,可编辑区域是模板用户可以编辑的部分。模板创建时可以将模板的任何区域指定为可编辑区域，一个模板至少要包含一个可编辑区域,否则，基于该模板的页面将无法编辑。,注意：在默认状态下，新建的模板其所有区域都是处于锁定状态，因此要使用模板，必须将模板中的某些区域设置为可编辑区域。,方法：选择要创建可编辑区域的对象，执行“插入|模板对象|可编辑区域”，弹出“新建可编辑区域”，根据要求设置即可。

4、在模板中，可编辑区域的边框以浅蓝色加亮显示。,说明：在Dreamweaver 8.0中对模板进行可编辑区域内容定义时，既可以标记整个表格，也可以标记表格中的某个单元格作为可编辑区域，但是不能一次标记多个单元格。层被标记为可编辑区域后仍然可以随意改变其位置，并且可以任意修改层的内容。,(2)定义可选区域,可选区域是在创建模板时定义的。在使用模板创建网页时，对于可选区域的内容（如文本、图片等），可以选择显示或者不显示。使用可选区域可以控制不一定在基于模板的文档中显示的内容。,两种可选区域对象：可选区域和可编辑的可选区域。,方法：执行“插入|模板对象|可选区域”，弹出“新建可选区域”，根据要求设置即

5、可。,(3)定义重复区域,重复区域是可以根据需要在基于模板的页面上复制任意次数的模板部分。重复区域通常用于表格，但是也可以为其它页面元素定义重复区域。,两种重复区域对象：重复区域和重复表格。用户使用重复区域在模板中复制任意次数的指定区域。使用重复表格创建包含重复行的表格格式的可编辑区域，也可以定义表格属性并设置表格单元格可编辑。,(4)定义可编辑标签属性,可编辑标签属性可以解除模板中某些页面元素的某个或某些属性的锁定，以便该属性可以在基于模板的页面中编辑，允许用户在基于模板的页面中修改指定标签属性。,四种可编辑标签属性类型：文本、布尔值、颜色和URL。,方法：选择要设置可编辑标签属性的对象，执

6、行“修改|模板|令属性可编辑”命令，弹出“可编辑标签属性”对话框，根据要求设置即可。,嵌套模板是指其设计和可编辑区域都基于另一个模板的模板。嵌套模板对于控制共享许多设计元素的站点页面中的内容很有用，还可以进一步定义站点内特定部分的页面中的可编辑区域。, 嵌套模板,创建步骤： 创建一个基于模板的文档，在该文档中的可编辑区域内单击； 在“常用”插入工具栏中单击”创建嵌套模板“按钮，在弹出的“另存为模板”对话框中为模板输入名称； 单击“确定”按钮即可。, 应用模板,(1)从模板创建文件,方法：执行“文件|新建”命令，在打开的“新建文档”对话框中，选择“模板”选项卡，在“模板用于”列表中选择站点“模板

7、与库”，在后边的列表中选择需要使用的模板，单击“创建”按钮即可。,(2)在现有的文档中应用模板,方法：打开要应用的模板文件，执行“修改|模板|套用模板到页”命令，在打开的“选择模板”对话框中选择一个模板，单击“选定”。,(3)页面与模板分离,利用模板创建的文档，想更改页面中的其他不可更改的区域，可以将页面从模板中分离出来，这样页面成为普通文档，不再和任何模板有关联。 方法：执行“修改|模板|从模板中分离”命令。, 修改模板并更新站点,如果基于模板的系列页面的锁定区域需要修改，可以修改模板，并更新基于这个模板的页面，甚至更新整个网站。 方法：打开要修改的模板进行编辑，编辑好后，执行“文件|保存”

8、命令，保存模板，此时将弹出对话框询问是否“要基于此模板更新所有文件吗”。,8.2 库,所谓库项目，实际上是文档内容的任意组合，可以将文档中的任意内容存储为库项目，使它在其他地方被重复使用。 在Dreamweaver 8.0中，每个站点可以配备一个库，存放在本地站点根文件夹内的Library文件夹中。库中可以存放各种网页元素。对于库中的对象可以进行修改，修改之后，所有使用该对象的网页也会随之改变。, 创建库项目,方法一：在打开的网页中选中要生成库项目的网页元素，执行”修改|库|增加对象到库“命令； 方法二：单击”库”面板上的新建库项目按钮。, 编辑库项目,(1)重命名库项目,(2)库项目的更新,(3)删除库项目, 应用库项目,