网页设计与制作案例教程 教学配套课件 池同柱 第13章 利用库和模板创建网页.pdfVIP

第13章利用库和模板创建网页 一、模板的概念 模板实际上就是具有固定格式和内容 的文件，文件扩展名为.dwt。 它是一种特殊的文档，可以按照模板 创建新的网页，从而得到与模板相似但又 有所不同的新的网页。当修改模板时使用 该模板创建的所有网页可以一次自动更 新，这就大大提高了网页更新和维护的效 率。 二、创建模板 由于模板是提供的一种对站点中文档 的管理功能，因此，在创建模板前应先创 建站点。 创建模板后，应指定可选区域，否则 整个文档都变成了不可编辑区域，无法对 其进行编辑。 创建模板有两种方式：直接创建空白 模板和将现有网页另存为模板。 1、直接创建空白模板 空白网页模板就如空白网页文档一样，只是创建的模板文 件的扩展名为.dwt。 创建好空白网页模板文档后，可像编辑普通网页一样创建 网页内容，然后再指定可编辑区域，保存模板文档后即可用该 模板文档创建其它的网页了。 具体步骤如下： （1）选择“文件/新建”命令，打开“新建文档”对话框。 （2 ）在“空模板”选项卡的“模板类型”列表框中选择“HTML模板”选 项，在其它的列表框中选择“无”选项。 （3 ）单击“创建”按钮关闭对话框，完成空白网页模板的创建。 （4 ）像编辑普通网页一样创建网页文档内容。 （5 ）指定可编辑区域后，选择“文件/保存”命令，打开“另存为模板” 对话框。 （6 ）在“站点”下拉列表框中选择保存模板的站点，在“另存为”文本 框中输入模板的名称。 （7 ）单击“保存”按钮关闭对话框，模板文件即被保存在指定站点的 Templates文件夹中。 2、将现有网页另存为模板 具体步骤如下： （1）在Dreamweaver中打开需存为模板的已制作 好的网页，选择“另存为模板”命令，打开“另存 为模板”对话框。 （2 ）在“站点”下拉列表框中选择保存模板的站点， 在“另存为”文本框中输入模板的名称。 （3 ）单击“保存”按钮关闭对话框，模板文件即被保 存在指定站点的Templates文件夹中，扩展名 为.dwt。 3、创建可编辑区域 可编辑区域是指通过模板创建的网页中可以进行添 加、修改和删除网页元素等操作的区域，可以将模板中 的任何对象指定为可编辑区域，如表格、表格行、文本 及图像等网页元素。 具体步骤如下： （1）在Dreamweaver中打开创建的模板网页，将鼠标光标定 位到需创建可编辑区域的位置或选择要设置为可编辑区 域的对象。 （2 ）在“常用”插入栏中单击“创建模板”按钮后的按钮，在弹 出的菜单中选择“可编辑区域”命令或选择“插入记录/模板 对象/可编辑区域”命令，打开“新建可编辑区域”对话框。 （3 ）在“名称”文本框中输入可编辑区域的名称。 （4 ）单击“确定”按钮关闭对话框，则模板中创建的可编辑区 域以绿色高亮显示。 三、应用模板 若要用模板创建新网页，可以使用“从模板新建”对话 框，并从任意站点中选择模板，也可以使用“资源”面板从 已有模板创建新的网页，还可以给当前网页应用模板。 1、从“从模板新建”对话框创建新网页 在“从模板新建”对话框中可选择任一站点的模板创建 新网页。 具体步骤如下： （1）选择“文件/新建”命令，打开“新建文档”对话框。 （2 ）在“模板中的页”选项卡的“站点”列表框中选择所需站 点，然后从右侧的列表框中选择所需的模板。如图13－38 所示。 （3 ）单击“创建”按钮，通过模板创建的新网页将出现在窗口 中。 2、在“资源”面板中新网页 在“资源”面板中只能使用当前站点的模板 创建网页。 具体步骤如下： （1）选择“窗口/资源”命令或按F11键，打开“资源” 面板。 （2 ）在“资源”面板中单击左侧的“模板”按钮，查看 当前站点中的模板列表。 （3 ）用鼠标右键单击所需的模板，在弹出的快捷