使用模板和库批量制作风格统一网.ppt

第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中，可以对模板文件进行各种管理操作，如重命名、删除等。,从模板中分离若要更改基于模板的文档的锁定区域，必须将该文档从模板中分离。将文档分离之后，整个文档都将变为可编辑的。,在通过模板创建文档后，文档就同模板密不可分了。以后每次修改模板后，都可以利用Dreamweaver的站点管理特性，自动对这些文档进行更新，从而改变文档的风格。,修改模板,7.5 创建与应用库项目库用于存放页面元素，如图像、文本或其他对象等。这些元素通常被广泛应用于整个站点，并且能够重复使用，被称为库项目。,7.5.1 创建库项目库是一种特殊的Dreamweaver文件，其中包含已创建以便放在网页上的单独的资源或资源复制的集合。,7.5.2 应用库项目当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。应用库项目的效果如图7.38所示,修改库项目和模板一样，通过修改某个库项目来修改整个站点中所有应用该库项目的文档，实现统一更新文档风格。,7.6 实战演练本章主要讲述了模板和库的创建、管理和应用，通过本章的学习，读者基本可以学会创建模板和库。,7.6.1 实例1创建模板创建模板的效果如图7.46所示，具体操作步骤如下。,7.6.2 实例2利用模板创建网页上一节讲述了模板的创建过程，那么这一节就来讲述利用模板创建网页，效果如图7.68所示。,