使用模板和库项目
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第八讲使用模板和库项目
在Dreamweaver中,利用模板和库项目能够创建具有统一风格的网页,利用这一功能还有助于简化对网站的维护,你可以在短时间内重新设计自己的网站并对数以百计的网页做出修改。
一、模板的应用
1.模板概述
模板实际上是一种特殊网页,可以通过模板页面产生许多形式相似的页面,和CSS样式表相区别的是,CSS样式表主要是对文字、超级链接等网页元素进行规范统一设置,而模板是对整个页面来说的,包括图片、表格、文字等等。由模板产生的页面和模板有着附属关系,模板的改变会导致由模板产生的页面发生变化。
模板的使用是有一定的条件的,只有在制作过程中包含有大量的网页、而且页面布局比较相近的情况下,才考虑使用模板。因为如果一页一页地制作,不仅浪费时间,还容易出错;在多人分工的情况下,如果不使用模板,每人制作的页面会有很大差别,而调用同样的模板,能够制作出一致效果的页面。
所谓模板,就是指一个文档,可以将该文档用作其它要创建的文档的基础。在创建模板的时候,可以指定哪些元素保持不变(也就是不可编辑),哪些元素可以进行修改。举例说,如果准备发布在线杂志,报头应该是不会再发生什么变化了,但是每一期的标题和特写故事的内容肯定是要有变化的。为了指定特写故事的风格和位置,可以使用占位符文本,并将其定义为可编辑区域。当要添加新的特写时,只要选取占位符文本,并输入文
章取而代之即可。
即使模板已经被用来创建文档了,也是可以修改的。这样,在更新应用模板的文档时,文档中不可编辑的区域就会进行更新,继续同模板保持一致。
2.创建模板
可以利用现有的HTML文档进行必要的修改制作出符合需要的模板,当然也可以从空白文档开始创建模板。
创建的模板会自动存放在位于本地机器上的站点的根目录中的模板文件夹Templates中,扩展名为.dwt。如果该文件夹还不存在,Dreamweaver 会在保存新模板的时候自动创建。不要任意更改移动该文件夹,也不要更改模板文件的扩展名。
⑴将现有的文档保存为模板
当网站中存在布局和样式的设计都比较满意的网页时,可以将这样的网页保存为模板,使其他页面的设计和修改都与此页保持同样的风格。
①选择【文件】→【打开】,打开选定的文档。
②选择【文件】→【另存为模板】。
③在随后出现的对话框中,选取站点,并在另存为对话框中输入模板的名字。
④点击保存。
⑵创建新模板
①选择【窗口】→【资源】→【模板】。
②在模板面板上,执行操作:
点击面板右下区域的新模板图标。
③输入模板的名字。
3.编辑模板
①选择【窗口】→【资源】→【模板】。
②在模板面板上,双击模板名字。
③在文档窗编辑模板。
当修改了模板后,系统将提示是否立即更新所有使用该模板的文挡。如要手动更新,有以下两种途径:
更新当前文挡:打开要更新的文挡,选择【修改】→【模板】→【更新当前页】命令;
更新所有使用该模板的文挡:选择【修改】→【模板】→【更新页面】,打开【更新页面】对话框,如下图。
在“查看”中选择要更新的站点,在右侧的列表框中选中要使用的模板,在“更新”选项组中选择“模板”复选框,最后按“开始”按钮。
⑴模板页面属性设置
除了标题之外利用模板所创建的文档会继承模板所有的页面属性。如
果文档使用了模板,你可以对页面标题进行修改,但是却无法对其它的页面属性进行任何的修改。
模板页面属性的定义是使用【修改】→【页面属性】命令进行的。如果在使用完模板之后你又需要对文档的页面属性进行修改,就必须先对模板的页面属性进行符合需要的修改,然后再使用模板对文档进行更新。
定义模板的页面属性:
①打开模板,然后选择【修改】→【页面属性】。
②定义页面所需的选项,点击确定按钮。
⑵定义模板的可编辑区域
在模板当中,可编辑区域就是指可以发生变化的部分。例如,一篇通讯文章。被所定(不可编辑)区域是指不同页面保持一致的部分,如报头或者公司标志等。
一般情况下,在保存模板的时候模板所有的区域都会被标注上锁定字样;要想使模板变得可以被使用,就必须将一些区域变成为可编辑区域。
当在编辑模板的时候,可以改变可编辑区域和不可编辑区域。但是,一旦模板被用于文档的制作,你就只能修改可编辑区域部分了;文档的不可编辑区域是不能够被修改的。
注意:在命名一个区域的时候,可以使用下列符号:单双引号(' "),尖括号(< >),和(&)。
如何将模板的现有内容定义为可编辑区域:
①选取模板中想定义为可编辑部分的单元格。
②右击鼠标,选择【模板】→【新建可编辑区域】。
③在新建可编辑区域对话框中输入该区域的名字。
⑶删除模板的可编辑区域
①单击可编辑区域左上角的标签以选中它。
②选择菜单【修改】→【模板】→【删除模板标记】命令。
⑷从模板分离文档
若要更改基于模板的文档的锁定区域,必须将该文档从模板分离。将文档分离之后,整个文档都将变为可编辑的。
若要从模板分离文档,请执行以下操作:
①打开想要分离的基于模板的文档。
②选择"修改">"模板">"从模板中分离"。
文档被从模板分离,所有模板代码都被删除。
4.使用模板
打开一个有内容的页面→打开资源面板→点击模板按钮→选择一个模板→点击应用按钮,模板应用就成功了。
或使用模板创建新文档,方法是在“新建文档”对话框选择“模板”,然后在可编辑区域中填写相应的内容即可。
二、“库”项目的应用
1.“库”项目概述
在网页制作过程中,有时要把一些网页元素应用在数十个甚至数百个页面上。当要修改这些重复使用的页面元素时,如果要逐页修改,那是相当费时费力的。使用Dreamweaver的库项目可以大大减轻这种重复劳动,省却许多麻烦。