《网站设计》第10章 模板与库的应用

第10章模板、库的应用 10.1模板的基本操作 10.2库的应用 10.3资源管理

第10章 模板、库的应用 10.1 模板的基本操作 10.2 库的应用 10.3 资源管理

10.1.1模板的基本特点 使用模板的好处在于: 可以生成大批的风格相近的网页 2.一旦模板修改了,就修改了一批网页〈自动更 新)。 目录 上一页 下一页 退出

10.1.1 模板的基本特点 使用模板的好处在于： 1.可以生成大批的风格相近的网页。 2.一旦模板修改了，就修改了一批网页（自动更 新）

10.1.2模板的创建与保存 回寿法:新建空白模板 步骤1在文件面板中选择要创建模板的站点。 步骤2选择【文件】|【新建】|【常规】模板页 选择需创建的模板类型。单击【确定】,创建了一个空 白模板 方法二:在【资源】面板创建模板 步骤1在文件面板中选择要创建模板的站点 步骤2选择【窗口】|【资源】命令,打开【资源】面 板,选定面板左侧的【模板】按钮,单击“漆加”按钮。 目录 上)方法三:利用现成网页创建模枥 下一页 步骤1打开欲做模板的网页 步骤2选择【文件】|【另存为模板】命令 退出

10.1.2 模板的创建与保存 方法一：新建空白模板 步骤1 在文件面板中选择要创建模板的站点。 步骤2 选择【文件】｜【新建】｜【常规】｜模板页， 选择需创建的模板类型。单击【确定】，创建了一个空 白模板 方法二：在【资源】面板创建模板 步骤1 在文件面板中选择要创建模板的站点。 步骤2 选择【窗口】｜【资源】命令，打开【资源】面 板，选定面板左侧的【模板】按钮，单击“添加”按钮。 方法三：利用现成网页创建模板 步骤1 打开欲做模板的网页。 步骤2 选择【文件】｜【另存为模板】命令

10.1.2模板的创建与保存 新建的模板文件会保存在本地站点的 Templates文件夹中。 如果该 Templates件夹在站点中尙不存在, Dream weaver mX2004将在保存新建模板时自 动创建该文件夹。 模板文件的扩展名为dwt 目录 上一页 下一页 退出

10.1.2 模板的创建与保存 新建的模板文件会保存在本地站点的 Templates文件夹中。 如果该Templates文件夹在站点中尙不存在， Dreamweaver MX 2004将在保存新建模板时自 动创建该文件夹。 模板文件的扩展名为.dwt

10.1.3创建可编辑区域 可编辑模板区域控制基于模板的页面中的哪 些区域可以编辑。设置可编辑区域,需要在 制作模板的时候完成。 相似元仓一样部分(在模板中制作 不同部分(设为可编辑区域) 目录 上一页 下一页 退出

10.1.3 创建可编辑区域 可编辑模板区域控制基于模板的页面中的哪 些区域可以编辑。设置可编辑区域，需要在 制作模板的时候完成。 完全一样部分（在模板中制作） 相似网页 不同部分（设为可编辑区域）

10.1.3创建可编辑区域 设置呵编辑区域的具体步骤如下: 步骤1在已创建的模板文件中,编辑网页,其布局、 制作方法与普通网页完全一致。 步骤2将插入点放在想要插入可编辑区域的地方 步骤3在插入栏中选择【模板】,然后单击【可编辑 区域】按钮。 步骤4在【新建可编辑区域】对话框中,输入该区域 目录 的名称,单击【确定】按钮 上一页 下一页 退出

10.1.3 创建可编辑区域 设置可编辑区域的具体步骤如下： 步骤1 在已创建的模板文件中，编辑网页，其布局、 制作方法与普通网页完全一致。 步骤2 将插入点放在想要插入可编辑区域的地方 步骤3 在插入栏中选择【模板】，然后单击【可编辑 区域】按钮。 步骤4 在【新建可编辑区域】对话框中，输入该区域 的名称,单击【确定】按钮

10.1.3创建可编辑区域 要点提示: 表格布局的模板定义可编辑区域时,可将 整个表格或表格的某个单元格定义为可编辑 区域,但是不能同时将多个单元格定义为 个单独的可编辑区域 层和层中的内容是不同的元素,当层设为 可编辑区域时,在应用该模板编辑文档时, 可改变层的位置和层中的内容。而将层的内 )容设为可编辑区域时,则只能改变层中的内 t容而不能改变层的位置。 下一页 退出

10.1.3 创建可编辑区域 要点提示： 1. 表格布局的模板定义可编辑区域时，可将 整个表格或表格的某个单元格定义为可编辑 区域，但是不能同时将多个单元格定义为一 个单独的可编辑区域。 2. 层和层中的内容是不同的元素，当层设为 可编辑区域时，在应用该模板编辑文档时， 可改变层的位置和层中的内容。而将层的内 容设为可编辑区域时，则只能改变层中的内 容而不能改变层的位置

101.4模板的应用 方法:用菜单方式 步骤1选择【文件】|【新建】|【新建文档】|【模板】 选择新建的网页页面存放的站点以及所用的模板名称。 步骤2选中【当模板改变时更新页面】的复选框时,当 模板被修改后,用此模板创建的网页也会被修改。 步骤3单击【创建】按钮,此时在网页编辑窗口建立了 个由模板生成的网页,设计者可根据需要在可编辑区 域输入相关内容。 方法二:用资源面板 步骤1首先新建页面,然后通过【窗口】菜单打开资源 面板 目录 步骤2选择面板中的模板资源。 步骤3选中欲使用的模板,单击【应用】按钮;或将选 上一页 中的模板拖到编辑窗口。应用了模板的文档在右上角会 下一页 标明模板的名称 步骤4在应用了模板的文档的可编辑区域内编辑相关内 退出 谷

10.1.4 模板的应用 方法一：用菜单方式 步骤1 选择【文件】｜【新建】|【新建文档】|【模板】， 选择新建的网页页面存放的站点以及所用的模板名称。 步骤2 选中【当模板改变时更新页面】的复选框时，当 模板被修改后，用此模板创建的网页也会被修改。 步骤3 单击【创建】按钮，此时在网页编辑窗口建立了 一个由模板生成的网页，设计者可根据需要在可编辑区 域输入相关内容。 方法二：用资源面板 步骤1 首先新建页面，然后通过【窗口】菜单打开资源 面板。 步骤2 选择面板中的模板资源。 步骤3 选中欲使用的模板，单击【应用】按钮；或将选 中的模板拖到编辑窗口。应用了模板的文档在右上角会 标明模板的名称。 步骤4 在应用了模板的文档的可编辑区域内编辑相关内 容

10.1.5更新模板及页面 修改模板操作步骤: 步骤1选择【窗口】|【资源】命令,打开资源面板 切换到【模板】资源 步骤2选中要修改的模板后右击鼠标,在快捷菜单中选 择【编辑】命令,或双击该模板,便可打开妻修改的模 板 步骤3在快捷菜单中选择【新建可编辑区域】/【删除模 板标记】以添加或删除可编辑区域。 目录 步骤4模板修改完成后,选择【文件】|【保存】命令, 上一页 保存模板。 下一页 退出

10.1.5 更新模板及页面 修改模板操作步骤： 步骤1 选择【窗口】｜【资源】命令，打开资源面板， 切换到【模板】资源。 步骤2 选中要修改的模板后右击鼠标，在快捷菜单中选 择【编辑】命令，或双击该模板，便可打开要修改的模 板 步骤3 在快捷菜单中选择【新建可编辑区域】╱【删除模 板标记】以添加或删除可编辑区域。 步骤4 模板修改完成后，选择【文件】｜【保存】命令， 保存模板

10.1.5更新模板及页面 保存模板时, Dreamweaver mX2004会询问它 是否更新所有附着到该模板的网页 也可以使用【修改】|【模板】|[更新页 面】命令。或【模板】资源窗口右上角的按 钮,选择【更新站点】命令, Dreamweaver在 该模板所在的站点中更新基于模板的所有网 页文档 目录 上一页 下一页 退出

10.1.5 更新模板及页面 保存模板时，Dreamweaver MX 2004会询问它 是否更新所有附着到该模板的网页。 也可以使用【修改】｜【模板】｜【更新页 面】命令。或【模板】资源窗口右上角的按 钮，选择【更新站点】命令，Dreamweaver在 该模板所在的站点中更新基于模板的所有网 页文档