第10章-使用模板和库制作网页

《网页设计与制作基础教程(第3版)》第十章使用模板和库制作网页:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::学习目标

在进行大型网站的制作时，很多页面会用到相同的布局、图片和文字等元素，为了避免一次次的重复劳动，可以在DreamweaverCC中，使用软件提供的模板和库功能将具有相同版面结构的页面制作成模板，将相同的元素制作成库项目，以便随时调用。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::本章重点

创建模板

创建模板区域

创建与设置库项目

应用与修改库项目:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::10.1使用模板

板的原意为制作某种产品的“样板”或“构架”。通常网页在整体布局上，为了保持一贯的设计风格，会使用统一的构架。在这种情况下，可以用模板来保存经常重复的图像或结果，这样在制作新网页时，在模板的基础上进行略微修改即可。

模板简介

创建模板

创建模板区域

使用模板创建网页

创建嵌套模板:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::10.1.1模板简介

大部分网页都会在整体上具有一定的格式，但有时也会根据网站建设的需要，只把主页设计成其他形式。在网页文件中对需要更换的内容部分和不变的固定部分分别进行标识，就可以很容易地创建出具有相似网页框架的模板。

使用模板可以一次性修改多个网页文档。使用模板的文档，只要没有在模板中删除该文档，它始终都会处于连接状态。因此，只要修改模板，就可以一次性地修改以它为基础的所有网页文件:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::10.1.2创建模板

模板最强大的功能之一是可以更新多个页面。用模板创建的文档与该模板保持连接状态，可以修改模板并立即更新所有基于该模板的文档的相应部分。在DreamweaverCC中制作网页后，用户可以以当前页面为基准制作模板，也可以在新的文档中制作模板。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::10.1.3创建模板区域

模板生成后，就可以在模板中分别定义可编辑区域、可选区域和重复区域等。

可编辑区域

可选区域

重复区域

重复表格:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::10.1.4使用模板创建网页

在DreamweaverCC中，用户可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。使用这样方法创建网页文档，可以保持整个网站页面布局风格的统一性，并且大大提高网页的制作效率。

利用模板新建网页

在网页中应用模板

分离网页模板

更新网页模板:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::10.1.5创建嵌套模板

嵌套模板对于控制共享许多设计元素的站点页面中的内容很有用，但在各页之间有些差异。基本模板中的可编辑区域被传递到嵌套模板，并在根据嵌套模板创建的页面中保持可编辑，除非在这些区域中插入了新的模板区域。对基本模板所做的更改在基于基本模板的模板中自动更新，并在所有基于主模板和嵌套模板的文档中自动更新。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::10.2使用库

在DreamweaverCC中，利用库可以创建一些内容（例如图像