第7章 使用模和库批量制作风格统一网页.pptVIP

第7章　使用模板和库批量制作风格统一网页 教学内容：借助Dreamweaver CS6的模板功能可以批量地制作几十种甚至几百种风格基本相似的页面，极大地提高工作效率。 教学重点 掌握模板的使用 掌握可编辑区的创建 掌握管理站点中的模板 掌握与应用库项目 掌握创建模板实例 掌握利用模板创建网页 7.1 创建模板 在Dreamweaver中，可以将现有的HTML文档保存为模板，然后根据需要加以修改，或创建一个空白模板，在其中输入需要的文档内容。模板实际上也是文档，它的扩展名为.dwt，并存放在根目录的模板文件夹中。 7.1.1 新建模板 直接创建模板的具体操作步骤如下。 7.1.2 从现有文档创建模板 从现有文档创建模板的具体操作步骤如下。 7.2 创建可编辑区域 在模板中，可编辑区域是页面的一部分，对于基于模板的页面，能够改变可编辑区域中的内容。 创建可编辑区域的具体操作步骤如下。 7.2.1　插入可编辑区域 在选中可编辑区域状态下，选择菜单中的【修改】|【模板】|【删除模板标记】命令，可以将编辑区域删除，如图7.12所示。 7.2.2　删除可编辑区域 定义可编辑区域后，选中可编辑区域，在属性面板中可以更改名称，如图7.13所示。 7.2.3　更改可编辑区域 模板最强大的用途之一在于一次更新多个页面。从模板创建的文档与该模板保持连接状态，可以修改模板并立即更新基于该模板的所有文档中的设计。使用模板可以快速创建大量风格一致的网页。利用模板创建新网页的效果如图7.14所示。 7.3 使用模板创建新网页 7.4　管理站点中的模板 在Dreamweaver中，可以对模板文件进行各种管理操作，如重命名、删除等。 7.4.1　从模板中分离 若要更改基于模板的文档的锁定区域，必须将该文档从模板中分离。将文档分离之后，整个文档都将变为可编辑的。 在通过模板创建文档后，文档就同模板密不可分了。以后每次修改模板后，都可以利用Dreamweaver的站点管理特性，自动对这些文档进行更新，从而改变文档的风格。 7.4.2　修改模板 7.5 创建与应用库项目 库用于存放页面元素，如图像、文本或其他对象等。这些元素通常被广泛应用于整个站点，并且能够重复使用，被称为库项目。 7.5.1 创建库项目 库是一种特殊的Dreamweaver文件，其中包含已创建以便放在网页上的单独的资源或资源复制的集合。 7.5.2 应用库项目 当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。应用库项目的效果如图7.38所示 7.5.3　修改库项目 和模板一样，通过修改某个库项目来修改整个站点中所有应用该库项目的文档，实现统一更新文档风格。 7.6 实战演练 本章主要讲述了模板和库的创建、管理和应用，通过本章的学习，读者基本可以学会创建模板和库。 7.6.1 实例1——创建模板 创建模板的效果如图7.46所示，具体操作步骤如下。 7.6.2 实例2——利用模板创建网页 上一节讲述了模板的创建过程，那么这一节就来讲述利用模板创建网页，效果如图7.68所示。 * *