第10章　模板与库的应用.ppt

第10章　模板、库的应用 10.1.1 模板的基本特点 使用模板的好处在于： 1.可以生成大批的风格相近的网页。 2.一旦模板修改了，就修改了一批网页（自动更新）。 10.1.2　 模板的创建与保存 　方法一：新建空白模板 步骤1　在文件面板中选择要创建模板的站点。 步骤2　选择【文件】｜【新建】｜【常规】｜模板页，选择需创建的模板类型。单击【确定】，创建了一个空白模板 方法二：在【资源】面板创建模板 步骤1　在文件面板中选择要创建模板的站点。 步骤2　选择【窗口】｜【资源】命令，打开【资源】面板，选定面板左侧的【模板】按钮，单击“添加”按钮。 方法三：利用现成网页创建模板 步骤1　打开欲做模板的网页。 步骤2　选择【文件】｜【另存为模板】命令。 10.1.2　 模板的创建与保存 　新建的模板文件会保存在本地站点的Templates文件夹中。 如果该Templates文件夹在站点中尙不存在，Dreamweaver MX 2004将在保存新建模板时自动创建该文件夹。 模板文件的扩展名为.dwt。 10.1.3 创建可编辑区域 可编辑模板区域控制基于模板的页面中的哪些区域可以编辑。设置可编辑区域，需要在制作模板的时候完成。 　　　 　　 完全一样部分（在模板中制作） 相似网页 不同部分（设为可编辑区域） 10.1.3 创建可编辑区域 设置可编辑区域的具体步骤如下： 步骤1　在已创建的模板文件中，编辑网页，其布局、制作方法与普通网页完全一致。 步骤2　将插入点放在想要插入可编辑区域的地方 步骤3　在插入栏中选择【模板】，然后单击【可编辑区域】按钮。 步骤4　在【新建可编辑区域】对话框中，输入该区域的名称,单击【确定】按钮 10.1.3 创建可编辑区域 要点提示： ?1.??? 表格布局的模板定义可编辑区域时，可将整个表格或表格的某个单元格定义为可编辑区域，但是不能同时将多个单元格定义为一个单独的可编辑区域。 2.???? 层和层中的内容是不同的元素，当层设为可编辑区域时，在应用该模板编辑文档时，可改变层的位置和层中的内容。而将层的内容设为可编辑区域时，则只能改变层中的内容而不能改变层的位置。 10.1.4 模板的应用 方法一：用菜单方式 步骤1　选择【文件】｜【新建】|【新建文档】|【模板】，选择新建的网页页面存放的站点以及所用的模板名称。 步骤2　选中【当模板改变时更新页面】的复选框时，当模板被修改后，用此模板创建的网页也会被修改。 步骤3　单击【创建】按钮，此时在网页编辑窗口建立了一个由模板生成的网页，设计者可根据需要在可编辑区域输入相关内容。 方法二：用资源面板 步骤1　首先新建页面，然后通过【窗口】菜单打开资源面板。 步骤2　选择面板中的模板资源。 步骤3　选中欲使用的模板，单击【应用】按钮；或将选中的模板拖到编辑窗口。应用了模板的文档在右上角会标明模板的名称。 步骤4　在应用了模板的文档的可编辑区域内编辑相关内容。 10.1.5 更新模板及页面 修改模板操作步骤： 步骤1　选择【窗口】｜【资源】命令，打开资源面板，切换到【模板】资源。 步骤2　选中要修改的模板后右击鼠标，在快捷菜单中选择【编辑】命令，或双击该模板，便可打开要修改的模板 步骤3　在快捷菜单中选择【新建可编辑区域】╱【删除模板标记】以添加或删除可编辑区域。 步骤4　模板修改完成后，选择【文件】｜【保存】命令，保存模板。 10.1.5 更新模板及页面 保存模板时，Dreamweaver MX 2004会询问它是否更新所有附着到该模板的网页。 也可以使用【修改】｜【模板】｜【更新页面】命令。或【模板】资源窗口右上角的按钮，选择【更新站点】命令，Dreamweaver在该模板所在的站点中更新基于模板的所有网页文档。 10.2　库的应用 库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。这些元素称为库项目 使用库的意义：如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板，有更大的灵活性。 10.2.1　 创建库项目 选定内容创建为库项目。 将选定内容创建为库项目的基本操作如下　： 步骤1???? 选择【窗口】｜【资源】命令，出现“资源”面板，选择面板左侧的“库”类别。 步骤2 ???? 在“文档”窗口中，选择文档要另存为库项目的内容。 步骤3 ???? 将选定内容拖到“资源”面板的“库”类别中，或者单击“资源”面板的“库”类别底部的“新建库项目”按钮，一个库项目被创建，此时网页文档下方的属性检查器也变为“库项目”检查器。 步骤4　　为新的库项目输