中文版-Dreamweaver-CS6网页设计教程-第8章.pptVIP

第8章 模 板 和 库 本章主要内容 创建模板。 编辑模板。 应用模板。 库的应用。 本章重点 编辑模板和应用模板。 库的应用。 8.1 创 建 模 板 1. 创建一个新的空白模板 2. 把现有的网页文档保存为模板 3. 使用“资源”面板创建模板 4. 创建嵌套模板 8.2 编 辑 模 板 在保存模板时，如果此模板中没有定义任何可编辑的区域，那么 Dreamweaver CS6 会提示模板不包含任何可编辑区域。如果此时保存模板，那么它的后缀名为 .dwt，用户不能修改基于这个模板创建的网页。因为在模板建好后，创建的都是不可编辑区域，里面的元素都是不可编辑的。所以，应该为模板创建可编辑区域。 对于一个已经创建好的模板，用户可以选择“窗口”|“资源”命令，打开“资源”面板，从中选择创建好的模板，单击底部的按钮，即可对它进行编辑。或者直接在“资源”面板里双击需要编辑的模板，也可对它进行修改。 8.2.1 创建可编辑区域 1. 把模板中已有的内容定义为可编辑区域 (1) 打开模板文件，在文档中选择要设定为可编辑区域的内容。 (2) 选择“插入”|“模板对象”|“可编辑区域”命令，或选择如图8-7所示的插入栏的“常用”选项卡中的“可编辑区域”按钮。 (3) 为新建的可编辑区域命名。 2. 在模板中定义新的可编辑区域 (1) 在模板中把鼠标光标置于要插入可编辑区域的位置。 (2) 选择“插入”|“模板对象”|“可编辑区域”命令，打开“新建可编辑区域”对话框，在其中输入可编辑区域的名称。 8.2.2 创建可选区域 在 Dreamweaver CS6中，可以利用定义模板的“可选区域”这一个功能，来设置一个区域在利用模板生成的文档中是否被显示。用户可以根据它来设定是否将一个区域显示给浏览者。定义模板“可选区域”的具体操作步骤如下。 (1) 在模板文档中，将鼠标光标置于要设置为可选区域的位置。 (2) 执行“插入”|“模板对象”|“可选区域”命令，或选择如图8-11所示的插入栏的“常用”选项卡中的“可选区域”按钮，弹出 “新建可选区域”对话框，如图8-12所示。 (3) 在“基本”选项卡的“名称”文本框中为可选区域命名，若选中“默认显示”复选框，则可以在默认情况下显示此区域。 8.2.2 创建可选区域 (3) 在“基本”选项卡的“名称”文本框中为可选区域命名，若选中“默认显示”复选框，则可以在默认情况下显示此区域。 (4) 切换至“高级”选项卡，如图8-13所示，进行如下设置。 选中“使用参数”单选按钮，然后单击其下拉列表框右侧的倒三角按钮，从弹出的下拉列表中选择参数的设置区域是否可见。 选中“输入表达式”单选按钮，然后在其下方的文本框中输入表达式来设置区域显示与否。 (5) 设置完以后，单击“确定”按钮，如图8-14所示。 8.2.3 创建重复区域 1. 插入重复区域 2. 插入可编辑区域 8.3 定义模板参数 在编辑模板的同时，用户可以根据需要对模板参数进行不同的定义，定义模板的可编辑区域和锁定区域的高亮显示的具体操作步骤如下。 (1) 依次选择“编辑”|“首选参数”命令，在弹出的“首选参数”对话框中选择“标记色彩”选项，如图8-18所示。 (2) 单击颜色色块，然后在弹出的拾色器中选择一种颜色作为高亮显示色。其他区域照此操作。 (3) 选中“显示”复选框，使其颜色能够在文档窗口中显示出来。 (4) 单击“确定”按钮。 8.4 应 用 模 板 1. 直接从模板中创建网页 2. 创建新网页后再应用模板 8.5 更 新 模 板 1. 更新当前站点中的模板 2. 更新其他站点中的模板 8.6 库 1. 创建库项目 1) 新建库项目 2) 将网页内容转换为库项目 2. 编辑库项目 3. 在文档中插入库项目 4. 删除库项目 5. 库的参数设置 8.7 课 后 习 题 一、选择题 二、填空题 三、上机题 参见教材P174