利用库和模板创建网页.ppt

第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）用鼠标右键单击所需的模板，在弹出的快捷菜单中选择“从模板新建”命令。 3. 为网页应用模板 可以为已编辑的网页应用模板，即将已编辑的网页内容套用到模板中。 具体步骤如下： （1）在Dreamweaver中打开需应用模板的网页。 （2）选择“窗口/资源”命令或按F11键，打开“资源”面板，单击左侧的“模板”按钮打开模板列表。 （3）在模板列表中选中要应用的模板，单击面板右下角的“应用”按钮。 （4）如果网页中有不能自动指定到模板区域的内容，会打开“不一致的区域名称”对话框。 （5）在该对话框的“可编辑区域”列表中，选择应用模板中的可编辑区域。 （6）在“将内容移到新区域”下拉列表框中选择将现有内容移到新模板中的区域，如果选择“不在任何地方”选项，表示将不一致的内容从新网页中删除。 （7）单击“确定”按钮关闭对话框，将现有网页中的内容应用到指定的区域。 四、更新模板 当模板中某些共用部分的内容不太合适时，可对模板进行修改，模板修改并进行保存时，会打开“更新模板文件”对话框。每次修改后，