第九讲使用模板和库.ppt

第十章 使用模板和库 在建设一个大规模的网站时，通常需要制作很多的页面，而且还要保证这些页面的风格统一。为了提高网站建设与更新的工作效率，避免重复操作，这就要用到Dreamweaver CS4中的模板。本章就来学习如何创建和使用模板。 10.1 模板概述 1.什么是模板？ 模板的最大作用就是用来创建有统一风格的网页，省去了重复操作的麻烦，提高工作效率。它是一种特殊类型的文档，文件扩展名为“.dwt”。在设计网页时，可以将网页的公共部分放到模板中。要更新公共部分时，只需要更改模板，所有应用该模板的页面都会随之改变。在模板中可以创建可编辑区域，应用模板的页面只能对可编辑区域内进行编辑，而可编辑区域外的部分只能在模板中编辑。 2.模板的优点 总的来说在Dreamweaver CS4中模板有以下优点： 提高设计者的工作效率。 更新站点时，使用相同模板的网页文件可同时更新。 模板与基于该模板的网页文件之间保持连接状态，对于相同的内容可保证完全的一致。 10.2 创建自定义模板 a) 空模板HTML模板无 b) 将文档另存为模板 c) 使用资源面板创建新模板 10.3 创建模板的可编辑区域 在设计模板时，设计者可以决定模板中的哪些部分是可编辑的，而哪些是不可编辑的，这就要通过创建可编辑区域来实现上述功能。 插入可编辑区域 选择可编辑区域 删除可编辑区域 删除完成以后再保存过程中在弹出删除模板标记过程中将其选择保存内容”不在任何地方” 我们也可以编辑层和层中的内容，但这两者是分开的元素。将层标记为可编辑使得可以改变层的位置，也可以改变层的内容。但是将层的内容标记为可编辑，就只能修改层的内容不能修改其位置。 10.4 使用可选区域 10.5 使用重复区域 重复区域是可以根据需要在基于模板的页面中复制任意次数的模板部分。 10.6 模板的应用 下面就来学习如何将创建好的模板应用到页面中。本节主要介绍应用模板创建新文档和将模板应用于现有文档两种应用方式，以及更新应用模板的页面，从模板中分离页面等内容。 1.应用模板创建新文档 文件—新建—模板中的页 2.将模板应用于现有文档 直接在”资源”面板,将模板拖动到当前文档当中 3.更新应用模板的文档 当模板中的内容发生改变时，可以通过“更新页面”功能，更新所有应用模板的文档。 4.从模板中分离 应用模板的页面，可以通过”修改”菜单中的”模板”---“从模板中分离”功能，转化为普通HTML页面，并且保留网页中原内容。 5.嵌套模板的应用 嵌套模板实际上就是基于一个模板创建的模板，它对基础模板的可编辑区域有继承性，可以在基础模板的可编辑区域中创建新的可编辑区域。 10.7 库项目 库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素的方法。库中的这些元素称作库项目。库中包含的项目主要有：图像，表格，声音和Flash文件等。库是一种特殊的Dreamweaver文件，其后缀名为“.lbi”。 1.创建库项目 a) 创建空白库项目 b)基于选定内容创建库项目 2.使用库项目 a) 在“资源”面板的库窗口中将库项目拖入到文档的适当位置即可。 b) 也可选中库中的项目，然后单击“资源”面板底部的“插入”按钮，将库项目插入到文档中。 3.编辑库项目 在创建应用库项目以后，可以对它进行适当的编辑。当编辑库项目时可以更新使用该库项目的文档。如果选择不更新，文档将保持与库项目的关联，也可以在以后更新文档。