使用模板和库项目.doc

第八讲 使用模板和库项目在Dreamweaver中，利用模板和库项目能够创建具有统一风格的网页，利用这一功能还有助于简化对网站的维护，你可以在短时间内重新设计自己的网站并对数以百计的网页做出修改。一、模板的应用1模板概述模板实际上是一种特殊网页，可以通过模板页面产生许多形式相似的页面，和CSS样式表相区别的是，CSS样式表主要是对文字、超级链接等网页元素进行规范统一设置，而模板是对整个页面来说的，包括图片、表格、文字等等。由模板产生的页面和模板有着附属关系，模板的改变会导致由模板产生的页面发生变化。模板的使用是有一定的条件的，只有在制作过程中包含有大量的网页、而且页面布局比较相近的情况下，才考虑使用模板。因为如果一页一页地制作，不仅浪费时间，还容易出错；在多人分工的情况下，如果不使用模板，每人制作的页面会有很大差别，而调用同样的模板，能够制作出一致效果的页面。所谓模板，就是指一个文档，可以将该文档用作其它要创建的文档的基础。在创建模板的时候，可以指定哪些元素保持不变(也就是不可编辑)，哪些元素可以进行修改。举例说，如果准备发布在线杂志，报头应该是不会再发生什么变化了，但是每一期的标题和特写故事的内容肯定是要有变化的。为了指定特写故事的风格和位置，可以使用占位符文本，并将其定义为可编辑区域。当要添加新的特写时，只要选取占位符文本，并输入文章取而代之即可。即使模板已经被用来创建文档了，也是可以修改的。这样，在更新应用模板的文档时，文档中不可编辑的区域就会进行更新，继续同模板保持一致。2创建模板可以利用现有的HTML文档进行必要的修改制作出符合需要的模板，当然也可以从空白文档开始创建模板。创建的模板会自动存放在位于本地机器上的站点的根目录中的模板文件夹Templates中，扩展名为.dwt。如果该文件夹还不存在，Dreamweaver会在保存新模板的时候自动创建。不要任意更改移动该文件夹，也不要更改模板文件的扩展名。将现有的文档保存为模板当网站中存在布局和样式的设计都比较满意的网页时，可以将这样的网页保存为模板，使其他页面的设计和修改都与此页保持同样的风格。选择【文件】【打开】，打开选定的文档。选择【文件】【另存为模板】。在随后出现的对话框中，选取站点，并在另存为对话框中输入模板的名字。点击保存。创建新模板选择【窗口】【资源】【模板】。在模板面板上，执行操作：点击面板右下区域的新模板图标。输入模板的名字。3编辑模板选择【窗口】【资源】【模板】。在模板面板上，双击模板名字。在文档窗编辑模板。当修改了模板后，系统将提示是否立即更新所有使用该模板的文挡。如要手动更新，有以下两种途径：更新当前文挡：打开要更新的文挡，选择【修改】【模板】【更新当前页】命令；更新所有使用该模板的文挡：选择【修改】【模板】【更新页面】,打开【更新页面】对话框，如下图。在“查看”中选择要更新的站点，在右侧的列表框中选中要使用的模板，在“更新”选项组中选择“模板”复选框，最后按“开始”按钮。模板页面属性设置除了标题之外利用模板所创建的文档会继承模板所有的页面属性。如果文档使用了模板，你可以对页面标题进行修改，但是却无法对其它的页面属性进行任何的修改。模板页面属性的定义是使用【修改】【页面属性】命令进行的。如果在使用完模板之后你又需要对文档的页面属性进行修改，就必须先对模板的页面属性进行符合需要的修改，然后再使用模板对文档进行更新。定义模板的页面属性：打开模板，然后选择【修改】【页面属性】。定义页面所需的选项，点击确定按钮。定义模板的可编辑区域在模板当中，可编辑区域就是指可以发生变化的部分。例如，一篇通讯文章。被所定(不可编辑)区域是指不同页面保持一致的部分，如报头或者公司标志等。一般情况下，在保存模板的时候模板所有的区域都会被标注上锁定字样；要想使模板变得可以被使用，就必须将一些区域变成为可编辑区域。当在编辑模板的时候，可以改变可编辑区域和不可编辑区域。但是，一旦模板被用于文档的制作，你就只能修改可编辑区域部分了；文档的不可编辑区域是不能够被修改的。注意：在命名一个区域的时候，可以使用下列符号：单双引号( )，尖括号()，和(&)。如何将模板的现有内容定义为可编辑区域：选取模板中想定义为可编辑部分的单元格。右击鼠标，选择【模板】【新建可编辑区域】。在新建可编辑区域对话框中输入该区域的名字。删除模板的可编辑区域单击可编辑区域左上角的标签以选中它。选择菜单【修改】【模板】【删除模板标记】命令。从模板分离文档若要更改基于模板的文档的锁定区域，必须将该文档从模板分离。将文档分离之后，整个文档都将变为可编辑的。若要从模板分离文档，请执行以下操作：打开想要分离的基于模板的文档。 选择修改模板从模板中分离。 文档被从模板分离，所有模板代码都被删除。4使用模板打开一个有内容的页面打开资源面板点击模板按钮选择一个模板点击应用按钮，模板应用就成功了。或使用模板创建新文档，方法是在“新建文档”对话框选择“模板”，然后在可编辑区域中填写相应的内容即可。二、“库”项目的应用1“库”项目概述在网页制作过程中，有时要把一些网页元素应用在数十个甚至数百个页面上。当要修改这些重复使用的页面元素时，如果要逐页修改，那是相当费时费力的。使用Dreamweaver的库项目可以大大减轻这种重复劳动，省却许多麻烦。Dreamweaver允许把网站中需要重复使用或需要经常更新的页面元素存入库（library）中，页面元素可以是文本、图像、表格或其它对象。存入库中的元素称为库项目（library item）。在需要时，只要把库项目拖放到文档中就可以了。相对模板而言，库项目只是页面中的部分内容。同样，改变库项目，引用该项目的所有页面也都发生相应的改变。库是一种特殊的 Dreamweaver 文件，其中包含已创建以便放在网页上的单独的“资源”或资源拷贝的集合。库项目是可以在多个页面中重复使用的存储页面元素；每当更改某个库项目的内容时，都可以更新所有使用该项目的页面。使用库项目时，Dreamweaver不是在网页中插入库项目，而是向库项目中插入一个链接。如果以后需要更改库项目，例如更改某些文本或图像，则更新库项目时将自动在任何已经插入该库项目的页面中更新库的实例。2创建库项目这是一个“洪恩在线”的logo图标，在网页制作过程中会经常使用，这时就可以把它存到库中。选择文档的一部分并另存为库项目，可执行下列操作之一：l 选择【窗口】【资源】【库】，并将选定内容拖动到“资源”面板的“库”类别中。l 单击“资源”面板底部的“新建库项目”按钮（在“库”类别中）。l 选择【修改】【库】【增加对象到库】。输入新的库项目的名称。每个库项目都在站点本地根文件夹的“Library”文件夹中保存为一个单独的文件（文件扩展名为 .lbi）。3在文档中插入库项目当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到文档中。在文档中插入库项目：将插入点放在“文档”窗口中。选择【窗口】【资源】【库】，出现“资源”面板，显示“库”类别。从“资源”面板向“文档”窗口拖动一个库项目，或者选择一个项目并单击“插入”按钮。若要在文档中插入库项目的内容而不包括对该项目的引用，请在从“资源”面板的“库”类别中向外拖动项目时按Ctrl键。如果用这种方法插入项目，则可以在文档中编辑该项目，但当更新使用该库项目的页面时，文档不会随之更新。4库项目的修改在库面板中选中要修改的库项目，双击，Dreamweaver为编辑库项目打开一个新的窗口。注意，此时的窗口标题已经改为，窗口背景为灰色，以区别于文档窗口。选择此图形，双击，可以选择编辑好的新图形。关闭此窗口后，系统弹出对话框，询问是否对本地站点中使用了刚修改过的库项目的文档进行更新，选择“是”，这些文档就被更新了。如果不想现在就更新，可以选择“否”，文档中的库元素就没就更新。以后需要时，可以进行更新，方法是：单击【修改】菜单，选择【库】下的【更新当前页】命令，就可以对当前页中用到库元素进行更新，如果选【更新页面】，就可以对整个站点或使用的指定库项目的页面进行更新。5在“资源”面板中重命名库项目单击一次该库项目的名称以将其选中。稍作暂停之后，再次单击。当名称变为可编辑时，输入一个新名称。备注： 这种重命名方法与在 Windows 资源管理器 中重命名文件的方法一样。对于 Windows 资源管理器，请确保在前后两次单击之间稍作暂停。不要双击名称；那样将打开库项目进行编辑。单击别处或者按 Enter 键。Dreamweaver 将询问是否要更新使用该项目的文档。 若要更新站点中所有使用该项目的文档，请单击“更新”。若要避免更新任何使用该项目的文档，请单击“不更新”。6从库中删除库项目在“资源”面板的“库”类别中选择该项目。单击“删除”按钮并确认想要删除该项目。 请务必小心；删除一个库项目后，将无法使用“撤消”来找回它。但可以重新创建它。删除库项目时将从库中删除该