通过DreamweaverCS3学习HTML+DIV+CSS教学第17章 模板制作与应用ppt课件

1、第17章 模板制造与运用在实践的网页制造过程中，有时会遇到很多的页面如不同的栏目具有一样的规划。制造时为了防止这种反复的操作，设计者可以运用Dreamweaver CS3提供的“模板功能，将具有一样整体规划构造的页面制形成模板，将一样的规划对象如页面头部，页脚等制形成库文件。这样，当设计者再次制造该页面时，可以直接运用库文件，从而可以节省很多不用要的反复操作。本章将从模板简介、模板的制造和模板的运用三个方面对模板进薪樯堋17.1 模板简介Dreamweaver CS3中的模板是一种特殊类型的文档，它用于设计规划比较固定的页面。用户可以创建基于模板的页面规划。17.1.1 模板的作用模板最大的作

2、用就是可以大大提高设计者的任务效率。当设计者对模板进展修正后，一切运用了这个模板的网页内容都将随之被修正。简单地说，就是一次可以更新多个页面，这也是模板强大的功能之一。在实践任务中，尤其是针对一些大型的网站，其效果更是非常明显。所以，模板与基于模板的网页之间坚持了一种衔接的形状，这两者之间共同的内容也将可以坚持完全的一致。17.1.2 适宜运用模板的网页假设一个网站的规划比较一致，拥有一样的导航，且显示不同栏目内容的位置根本坚持不变，那么这种规划的网站就可以思索运用模板来创建。这类似于前面章节中引见的框架技术。有些类型的网站采用框架技术或模板技术，最终的效果根本一样。例如，下面的网站就适宜采用

3、模板来进展规划，如下图。这些页面虽然是不同的栏目，拥有不同的内容，但却具有一样的规划版式。 适宜运用模板的规划栏目一 适宜运用模板的规划栏目二 17.2 模板元素的操作模板实践上就是一种文档，其扩展名为.dwt，存放在根目录下的Templates文件夹中。假设该文件夹在站点中不存在，Dreamweaver将会在保管新建模板时自动创建。17.2.1 创建模板在Dreamweaver CS3中有两种创建模板的方法：一种是将现有的网页文件另存为模板，然后根据需求进展修正；另一种是直接新建一个空白模板，再在其中插入需求显示的文档内容。下面就以前做过的页面头部、主体版面和页脚构成的页面为例，分别运用两种

4、方法将其制形成模板文件。1运用网页另存为的方法创建模板运用网页另存为的方法创建模板的详细步骤如下： 17.2.1 创建模板2运用新建空白模板的方法创建模板运用新建空白模板的方法创建模板的详细步骤如下：17.2.2 创建可编辑区域创建模板后接着要进展的操作是创建可编辑区域。可编辑区域可以控制模板页面哪些区域可以编辑，哪些区域不可以编辑。模板的可编辑区域主要包括以下操作。1插入可编辑区域插入可编辑区域的详细步骤如下： 17.2.2 创建可编辑区域2选择可编辑区域图 直接选择可编辑区域在模板文档和基于模板文档中，都可以很容易地标识和选择模板区域。选择的方法可分为两种：直接选择和菜单项选择择。17.2

5、.2 创建可编辑区域3删除可编辑区域假设曾经将模板文件的一个区域标志为可编辑，而如今想再次锁定它使其在基于模板的文件中不可编辑，可先选中该可编辑区域，然后单击【修正】|【模板】|【删除模板标志】命令，可编辑区域即会被删除，而之前其中的内容会被保管。假设要删除某个可编辑区域和其中的内容，选中该可编辑区域后按Delete键即可。17.2.2 创建可编辑区域4更改可编辑区域的称号曾经插入的可编辑区域依然可以再次更改它的称号。详细的操作步骤如下：17.2.3 创建基于模板的文档在创建模板后，就可以向空白文档中运用模板了。创建基于模板的新文档有很多方法，如可以运用【资源】浮动面板，或单击菜单【文件】|【

6、新建】命令。本章主要引见【资源】浮动面板的方法，其他方法也大同小异，读者可以本人进展尝试。运用【资源】浮动面板创建基于模板文档的详细操作步骤如下：17.2.4 分别文档中运用的模板假设要更改基于母本的文档的锁定区域，必需将该文档从模板中分别。将文档分别后，整个文档中的内容都将变为可编辑的形状。分别文档中的模板详细的操作步骤如下：17.2.5 更新模板及基于模板的网页更改并保管模板时，Dreamweaver CS3可以自动更新基于该模板的一切文档。读者也可以手动更新这些文档。更新模板的详细操作步骤如下：17.2.6 模板的嵌套与表格和层一样，模板也可以进展嵌套。嵌套模板是根本模板的一种扩展。读者

7、可以经过保管一个基于模板的文档，然后将该文档另存为一个新模板的方式来嵌套模板。嵌套多个模板会使规划变得更加准确。图17.19 单击【从模板新建】命令在默许情况下，根本模板中的一切可编辑区域都将经过嵌套模板传送到基于该嵌套模板的文档中。这意味着假设在根本模板中创建一个可编辑区域，然后再创建一个嵌套模板，只需读者没有在嵌套模板的区域中插入新的可编辑区域，那么原可编辑区域将会出如今基于嵌套模板的文档中。 17.3 模板的运用实践中运用模板，首先需求分析该模板中适宜插入的可编辑区域的分布，也就是栏目之间拥有不同内容的位置。普通网页的不同大部分都位于页面的主体部分。然后，编辑可编辑区域，以制造适宜特定栏

8、目的页面。在上一节中引见了模板的操作方法，在本节中，将根据之前制造的页面讲解模板的运用。 17.3.1 分析规划翻开之前创建的模板文档muban.dwt，如下图。此页面是一个作品展现页，各栏目页面的不同主要是作品展现栏的不同。17.3.2 插入可编辑区域删除了主体版面相关内容之后，需求在模板中创建可编辑区域，以便在后面的步骤中可以对基于模板的文档进展编辑。详细操作步骤如下：17.3.3 运用模板设置模板后就可以运用这个模板了。详细操作步骤如下： 17.3.3 运用模板至此基于模板创建的栏目页就制造完成了，可以发现，制造的步骤简单了许多，只需求做简单的文字输入和图片插入，大大提高了任务效率。 17.4 专家总结本章主