模板与库第十二章.pptxVIP

网站建设与网页设计 第十二章 模板和库 说明：本章节中的具体操作步骤参见书籍的对应章节。 第十二章 模板和库 12.1 使用模板 模板是一个HTML文档。只是相比一般的HTML文档，模板中添加了模板标记。模板是具有一定共性的文档样板，可以简化常规文档的创建工作。当站点中的网页有某些特性，如相似的导航栏、相同的页面布局时，模板是非常有用的网页制作工具。 在Dreamweaver中，模板的扩展名为.dwt，存放在本地站点的Templates文件夹中。模板文件夹只有在创建模板后系统才会自动生成。 12.1.1 模板基础 12.1 使用模板 下面左图就是一个站点中的模板，而右图就是根据模板制作而成的网页。 这两个页面都拥有相同的页面布局与相似的导航栏，所以使用模板制作网页时，只需替换网页中的不同内容。 12.1.1 模板基础 12.1 使用模板 在Dreamweaver中可以基于现有文档创建模板文件。 具体步骤如下：执行【文件】|【另存为模板】命令，打开【另存模板】对话框。在【另存模板】对话框中，【站点】框中选择站点名称，【描述】框中输入文本，【另存为】框中输入模板名称点击【保存】按钮。 12.1.2 创建模板 12.1 使用模板 模板定义了文档的布局结构和大致框架，模板中创建的元素在基于模板的页面中通常是锁定区域，或称为非编辑区域。要编辑模板，必须在模板中定义可编辑区域。在使用模板创建文档时只能改变可编辑区域的内容，而锁定区域在文档编辑过程中始终保持不变。 通常意义上的编辑模板，就是指创建可编辑区域和在编辑区域进行操作。 定义可编辑区域 模板中的可编辑区域数目没有限制，用户可以更加需要添加一个或多个可编辑区域。模板中的可编辑区域可以是网页中的任何“块状元素”，如段落、列表、表格、Div标签等。 12.1.3 定义模板区域 12.1 使用模板 下图为完成定义可编辑区域操作的截图。 12.1.3 定义模板区域 12.1 使用模板 可编辑区域基础操作 在模板中创建可编辑区域之后，可以进行常用的可编辑区域的操作，主要操作如下。 选择可编辑区域：在模板中单击可编辑区域左上角的选项卡，即选择可编辑区域；在模板中单击可编辑区域之外的任何区域，即取消选择可编辑区域。 删除可编辑区域：选择可编辑区域，然后执行【修改】|【模板】|【删除模板标记】命令，即完成删除可编辑区域，此时该区域是非编辑区域。 重命名可编辑区域：选择可编辑区域，然后在属性检查器中，在【名称】框中输入新名称即可。 12.1.3 定义模板区域 12.1 使用模板 在Dreamweaver中，使用模板创建网页有两种方式：使用模板新建网页、对现有网页应用模板。 使用模板新建网页 执行【文件】|【新建】命令，打开【新建文档】对话框，如下图所示,在左侧栏中选择【模板中的页】，完成创建。 12.1.4 使用模板创建网页文档 12.1 使用模板 使用新建模板之后，替换内容，之后形成的文档窗口如下图。 12.1.4 使用模板创建网页文档 12.1 使用模板 对现有网页使用模板 如果已制作出网页，而且该网页的布局与模板页面布局相似，那么可以直接对该网页使用模板，以是站点中网页保持一致的风格。下面左图为现有网页，右图为使用模板后的网页效果。 12.1.4 使用模板创建网页文档 12.1 使用模板 当改变站点中网页文档的模板时，系统会提示是否更新站点中基于该模板的文档，同时也可使用更新命令来更新当前页面或整个站点。 12.1.5 更新模板页面 12.2 库项目的基础 库是用来存放文档的页面元素，如文本、图像、多媒体对象等。这些页面元素通常广泛应用于整个站点，并且能够被反复使用或经常更新，因此它们被称为库项目。 库是一种特殊的文件，是指可添加到网页文档中的一组单个资源或资源副本。可重的这些资源被称为库项目。当编辑某个库项目时，系统会自动更新使用该库项目的所有网页文档。 在Dreamweaver CS4中，库项目存储在每个站点的本地更目录下的Library文件夹中。网页文档中的选中元素都可用于创建库项目。对于链接项，库只存储对该项的引用。原始文件必须保留在指定位置，这样库项目才能正常工作。 注意：如果库项目中包含超链接，那么超链接可能无法在新站点中工作，并且库项目中的图像也不会复制到新站点中。 12.2 库项目的基础 创建库项目时，为发挥更好的作用，减少工作量，一般在模板页面中选取网页元素。 下图为定义库项目操作后的【资源】模板截图。 12.2.1 创建库项目 12.2 库项目的基础 创建了库项目，在【资源】面板上可以编辑和管理库