第十章 用库和模.pptVIP

第十章 使用库和模板 库的概念 库可以理解为在网页设计中使用率较高的网页元素的组合。 如要对某些页中的库项目进行一些修改（而其它网页中的库保持不变），可以很容易的打断该页的库的链接，进行适当修改而不影响其他的网页。 遇到在多个网页中重复出现元素组合时，可以将其设置为库，并且可以定义的库项目应用到网站的其他网页中去 库的创建 为库的创建做准备：在Dreamweaver中，库是依赖于网站而存在的，所以在创建库之前，要先定义好一个网站。 具体步骤：（1）在Dreamweaver 主编辑区中选择需要保存为库项目的网页元素，然后在“修改”菜单，选择“库”子菜单中的“添加对象到库”命令。（2）这时软件会自动切换到“库”类别，用户可以在“名称”栏中为库项目重新命名，系统默认的是无标题，要给它重新命名。 库的创建 创建库的另一种简易方法：打开“库”类别，选择重复出现的元素组合，将其直接拖到库类别中，即可。推荐使用这种方法。 要再次使用库项目，直接将其拖到到页面中即可。 要取消关联，只需在拖动库项目到网页的同时按住Ctrl键，这样出现在网页中的只是库项目中的HTML语句，而不是库项目。取消关联后，当库元素更新时，它不会被更新。 当库项目插入到网页中，库项目的背影会以高亮显示。 编辑库项目 在“库”类别中选择一个库项目，然后单击面板右下角的“编辑”按钮。或者直接双击要修改的项目。 在弹出的库项目编辑窗口中，可任意编辑。 修改完毕后，会弹出一个对话框，单击更新。 更新完毕，系统会弹出一个“更新页面”对话框。（在完成对库的编辑，保存文件后，Dreamweaver会提示用户使用该库文件的网页，比较智能化） 更新页面对话框 资源面板 资源面板包含了九种元素：图像、颜色、超链接、Flash、Shockwave、影片、脚本、模板、库。 模板的作用 模板的作用:（1）风格一致。（2）便于修改。（3）高效率。 模板与库的区别：模板本身是一个文件，而库则是网页中的一段HTML代码。Dreamweaver将所有的模板文件都存放在站点根目录Templates子目录下面，扩展名为.dwt。 创建模板 有两种方法：第一种：创建一个新的空白模板具体步骤：（1）单击“窗口”“资源”，打开资源面板，然后单击面板上的模板按钮。（2）在模板面板中，单击快捷菜单按钮，先后选择“新建模板”命令。（3）为新模板重命名。一个新的空白模板创建完成，如果要编辑它，请单击编辑按钮。 创建模板 第二种方法：把现有的文档存为模板（建议使用）（1）打开要保存为模板的文档。（2）选择菜单“文件”中的“另存为模板”命令。（3）在弹出的对话框中作好相关设置。（4）单击保存即可。注意：此时的窗口标题栏的显示已与网页文档不同，在其中有Template标记，说明它是模板文件。 修改模板 具体步骤： （1）打开模板面板。 （2）从中选择要修改的模板名，单击编辑按钮，或者直接双击它，就可在文档窗口中编辑该模板。（或在模板面板中单击编辑按钮） 注：在修改完模板后，保存时，会弹出一个对话框，提示是否更新应用该模板的的所有网页。如果要更新则单击“是”，软件会自动更新网页。否则选择“否”。 定义可编辑区 在模板创建之后，需要根据自己的具体要求来对模板对进具体规划。指定哪些内容是可以编辑的，哪些内容是不可以编辑的（锁定区）。在模板文件中，有些内容是经常要变化的，如每日新闻等，就需要设置为可编辑区，有些内容是相对不变的，如导航条，栏目标记，版权区等，则要设置为不可编辑区（锁定区）。 当我们新建一个模板文档时，Dreamweaver MX会自动把所有区域设置为锁定。所以我们要进行相关设置。 在编辑模板时，无论是可编辑区还是不可编辑区都可以对其进行编辑。但是在将一个模板应用到一个网页文档后，该文档的锁定区是不能被编辑的。 定义可编辑区 具体步骤：（1）打开模板文件，在文档中选择要定义为可编辑区的文本（或其它内容）。（2）选择菜单“插入”“模板对象”“可编辑区”。（3）在弹出的对话框中为该区域输入名称。注：命名时，不能使用单引号（’），双引号（”），尖括号（）和。（4）在模板中，可编辑区被突出显示。（5）在定义可编辑区时要注意：可定义整个表格或单个单元格为可编辑区域，但不能一次同时定义几个单元格。层和层中的内容是彼此独立的，定义层为可编辑的，则可改变层的位置；定义层的内容为可编辑区，则可改变层的内容。 取消可编辑区标记 使用Remove Editable Region（取消可编辑区标记）使之成为锁定区。方法如下：（1）选择要修改的可编辑区。（2）选择菜单“修改”“模板”“删除可编辑区标记”命令。此时该区变为不可编辑区。 运用模板 如何用模板来创建新的文档或管理现有的文档