第八章使用和库项目.ppt

第8章 使用模板和库项目 通常在一个网站中会有大量风格和内容基本相似的页面，如果逐页建立、修改会浪费大量的人力物力，并且效率不高，整个站点中的网页也很难做到有统一的外观及结构。为此，我们可以借助Dreamweaver 的模板功能来简化操作。模板的功能就是把网页布局和内容相分离，在布局好之后将其存储为模板，这样相同布局的页面可以通过模板创建，因此能够极大提高工作效率。而且使用模板和库维护修改网站也十分容易，可以在短时间内重新设计网站并对大量的网页进行修改。 8.1 模板的使用 在Dreamweaver CS5中有许多种创建模板的方法，可以创建空白模板，也可以基于现存文档创建模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。 8.1.1 创建模板 模板其实就是一个HTML文档，只是在HTML文档中增加了模板标记。有两种方法可以创建模板：一种是直接新建一个空白模板，再在其中插入需要显示的文档内容；另一种是将现有的网页文件另存为模板，然后再根据需要进行修改。 1．直接创建模板 2．从现有文档创建模板 8.1.2 管理模板 创建好模板后，模板会在“资源”面板中显示。可以在“资源”面板中队模板进行管理，主要包括修改、删除和重命名模板等。 选择“窗口”|“资源”命令，打开“资源”面板，单击面板上的“模板按钮”，在模板列表上会显示所有的模板，如图12.5所示。 1．修改模板 2．删除模板 3．重命名模板 8.1.3 创建嵌套模板 嵌套模板是指在模板中嵌套另一个模板。嵌套模板对于控制共享许多设计元素的站点页面中的内容很有用，但在各页之间有些差距。若要创建嵌套模板，必须首先保存原始模板或基本模板，然后根据该模板创建新文档，最后将该文档另存为模板。在新模板中，可以在原来的基本模板中定义的可编辑区域中进一步定义区域。基本模板中的可编辑区域被传递到嵌套模板，并在根据嵌套模板创建的页面中保持可编辑，除非在这些区域中又插入了新的模板区域。 8.1.4 定义模板区域 在模板中定义了文档的布局和大致框架。在使用模板之前，首先要了解模板的两个区域，即非编辑区域和编辑区域。 模板中创建的元素在基于模板的页面中通常是锁定区域，或称之为非编辑区域，要编辑模板，必须在模板中定义可编辑区域。在使用模板创建文档时只能改变可编辑区域中的内容，锁定区域在文档编辑过程中始终保持不变。 1．模板区域的类型 2．定义可编辑区域 8.1.5 实例——创建网站的模板页面 8.2 使用模板创建网页文档 在Dreamweaver中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。使用这样的方法创建网页文档，可以保持整个网站风格的统一性，并能大大提高制作效率。 8.2.1 创建基于模板的文档 创建基于模板的新文档的操作步骤如下。 （1）选择“文件”|“新建”命令，在弹出的“新建文档”对话框中选择“模板中的页”|“站点newweb”中的muban1，如图12.29所示。 （2）单击“创建”按钮，即可创建一个基于模板的网页文档，如图12.30所示 （3）对新文档进行修改。 8.2.2 分离模板 用模板设计网页时，模板有很多的锁定区域。这些区域是不可编辑的。若要更改基于模板的文档的锁定区域，必须将文档从模板中分离。当文档被分离后，它将成为一个普通的文档，不再具有可编辑区域或锁定区域，也不再和任何模板相关联。 选择“修改”|“模板”|“从模板中分离”命令，即可将网页从模板中分离，模板中的锁定区域将会全部删除，如图12.31所示。 8.2.3 更新模板页面 应用模板创建其他网页可保持整个网站的一致风格，又可节省时间。模板的最大作用就是能一次更新多个页面，做到一改全改。对模板进行修改时，Dreamweaver会提示是否更新基于该模板的页面，也可使用更新命令来手动更新当前页面或整个站点。 1．更新基于模板的文档 2．更新站点模板 8.3 库的使用 库通常用来存放文档中的页面元素，如文本、图像、Flash动画等。这些页面元素被广泛应用于整个站点，并且能够被反复使用，因此它们被称作库项目。 8.3.1 库项目的概念 库是一种特殊的文件，它包含可添加到网页文档中的一组单个资源或资源副本。库里面的这些资源被称为库项目。库项目可以使用图像、表格或SWF文件等元素。当编辑某个库项目时，可以自动更新应用该库项目的所有网页文档。 8.3.2 创建库项目 在Dreamweaver CS5文档中，可以将网页文档中的任何元素创建为库项目，这些元素包括文本、图像、表格、表单、插件、ActiveX控件以及Java程序等。 要使用库，必须首先创建库。创建库有两种方法：一是新建库，二是将已经做好的网页内容转换为库。 在打开的网页中，由于一些内容已经做好了，因此只需将其转