第12章使用模板和库.pptVIP

第12章 使用模板和库 本章导读 把网页的布局设计好之后将其存储为固定的版式（模板），这样相同布局的页面可以通过模板创建，即节省时间，又统一风格。 将需要大量重复出现的页面内容编辑完后，存储为库项目，可以被站点内的其它网页快速调用，极大地提高工作效率。 模板和库都可以实现更新一处、处处更新的目的，可以提高网站更新的效率。 教学目标 掌握模板的创建、编辑和应用的方法，掌握库项目的创建、编辑和使用的方法。 12.1　使用模板 模板的特点 （1）模板用于固定布局，用于创建格式相同的多个页面。 （2）模板在站点内使用。 （3）模板文件的扩展名为.dwt；模板文件被保存在当前站点下一个自动生成的Templates文件夹中。 （4）当模板更新时，站点内所有使用模板的页会自动被更新。 12.1.1　创建模板 方法一：创建空白模板 步骤1： 在建立站点的前提下，单击【窗口】/【资源】选项，打开资源面板，单击【模板】标签，然后点击 【新建模板】按钮。 步骤2： 单击 【新建模板】按钮后，在资源栏中新增一个模板。在新建的模板名称栏输入所需的模板名称。 步骤3： 编辑模板，然后保存。 方法二：将网页另存为模板 　　将网页按照普通网页布局好后，另存为模板。 举例：创建模板，用两种方法 12.2.2　编辑网页模板 1、 插入可编辑区域 　（1）在模板中有两种类型的区域: 锁定区域和可编辑区域。锁定区域内的所有元素都是锁定状态，是不可更改的。在Dreamweaver CS3中，默认模板上所有的内容均为锁定区域。而可编辑区域主要用于在模板页面套用给每个网页后需要编辑的区域。 　（2） Dreamweaver CS3中允许将可编辑区域放在模板页的任何位置。 （3）操作步骤 步骤1： 将插入点置于想要插入可编辑区域的位置。 步骤2： 单击【插入记录】→【模板对象】→【可编辑区域】选项，或单击鼠标右键在弹出菜单中选择【模板】→【新建可编辑区域】选项，随即弹出【新建可编辑区域】对话框，如图12-8所示。 步骤3： 在【名称】文本框中为该区域输入惟一的名称。 步骤4： 单击【确定】按钮后，即插入了可编辑区域（在模板中以绿色的矩形边框围绕，如图12-9所示）。 2、删除可编辑区域 　（1）删除可编辑模板标记，保留内容： 　　　选中要删除的可编辑区域，使用“修改”菜单→“模板”→“删除模板标记”命令或使用右键菜单 　（2）包括内容一起删除 　　　选中要删除的可编辑区域，使用删除键。 3、创建重复区域 重复区域是指可以根据需要在基于模板的页面中复制任意次数的部分。 重复区域默认不可编辑，如果要使重复区域中的内容可以编辑，则需要在重复区域内再插入可编辑区域。 （1）创建重复区域 步骤1： 将插入点置于想要插入重复区域的位置。 步骤2： 单击【插入记录】→【模板对象】→【重复区域】选项，或单击鼠标右键在弹出菜单中选择【模板】→【新建重复区域】选项，随即弹出【新建重复区域】对话框，输入相关内容， 单击【确定】按钮后，重复区域的占位符被插入到文档中。 （2）创建重复表格 步骤1： 将插入点置于想要插入重复表格的位置。 步骤2： 单击【插入记录】→【模板对象】→【重复表格】选项，弹出【新建重复表格】对话框，如图12-13所示。 步骤3： 在对话框中输入表格的各项参数。 步骤4： 单击【确定】按钮后，重复表格即被插入到文档中。 4、插入可选区域（纠正P240错误） 含义：模板用户可以显示或隐藏的区域，通过条件进行控制其显示或隐藏。 步骤1： 选中文档中的内容然后选择菜单栏中【插入记录】→【模板对象】→【可选区域】选项，随即弹出【新建可选区域】对话框，如图12-14所示。 步骤2： 在对话框【基本】选项卡的【名称】文本框中输入可选区域的名称。 步骤3： 单击【高级】选项卡。 步骤4： 在选项卡中有两个单选按钮，分别是【常用参数】和【输入表达式】，输入显示条件，单击确定按钮，完成设置。 补充：可选区域中的条件如何表示？ 1、参数的定义格式 在head区，格式为: !-- TemplateParam name=“＊＊＊ type=number|text|boolean|color|url value=“*** -- 2、当参数的值修改时，只影响其后根据模板生成的页，在之前生成的页不受影响。 3、对于之前生成的页面，可以通过“修改”菜单改变参数的值。 12.1.3　使用模板创建文档（补充） 1、根据模板创建网页文档 选择“文件”｜“新建”命令，单击“模板”选项卡，进行选择。 2、在现有文档上应用模板 3、更新模板（两种情况：同步更新或不同步更新） 4、文档与模板的分离 使用“修改” ｜“模板”｜“从模板中分离”命令。分离后： （1）当前网页与普通网页一样可以自由编辑 （2）当模