周欣然《网页设计技术与应用》第11章　模板和库的应用 2013.pptVIP

第11章　模板和库 本章重点：模板、库的创建、编辑、应用、修改，站点的更新。 难点：如何合理的设置和定义模板的可编辑区域。 第11章　模板和库 11.1 应用模板制作相似网页 11.2 模板的基本操作 11.3 库的应用 11.4 资源管理 11.1　应用模板制作相似网页 11.1.1 案例综述 本例通过模板设计出网页的整体风格、布局，当制作各个分页时，通过模板来创建，而当修改模板时，与之相链接的网页都将随之改变。 11.1　应用模板制作相似网页 11.1.2 案例分析 　　　　在制作中，可利用模板来设计其相同部分，不同之处留为可编辑区域和可重复区域，待在具体制作网页时，再将具体内容填入可编辑区域和可重复区域。 11.1　应用模板制作相似网页 11.1.3 实现步骤 制作模板 基本元素的制作 插入模板区域 创建可编辑区域 创建重复区域 创建基于模板的网页文档 修改模板并更新 11.2 模板的基本操作 11.2.1 模板的基本特点 使用模板的好处在于： 1.可以生成大批的风格相近的网页。 2.一旦模板修改了，就修改了一批网页（自动更新）。 11.2 模板的基本操作 11.2.2 模板的创建与保存 1. 通过菜单创建模板 在文件面板中选择要创建模板的站点。 选择【文件】｜【新建】｜【常规】｜模板页，选择需创建的模板类型。单击【确定】，创建了一个空白模板 11.2 模板的基本操作 11.2.2 模板的创建与保存 在【资源】面板创建模板 在文件面板中选择要创建模板的站点。 选择【窗口】｜【资源】命令，打开【资源】面板，选定面板左侧的【模板】按钮，单击“添加”按钮。 利用现成网页创建模板 打开欲做模板的网页。 选择【文件】｜【另存为模板】命令。 11.2 模板的基本操作 模板的保存 新建的模板文件会保存在本地站点的Templates文件夹中。 如果该Templates文件夹在站点中尙不存在，Dreamweaver CS4将在保存新建模板时自动创建该文件夹。 模板文件的扩展名为.dwt。 11.2 模板的基本操作 11.2.3 模板区域 模板区域共有以下3种类型： 可编辑区域是基于模板的文档中的未锁定区域；它是模板用户可以编辑的部分。 重复区域是文档中设置为重复的布局部分。在基于模板的文档中，模板用户可以根据需要使用重复区域控制选项添加或删除重复区域的副本。 可选区域是在模板中指定为可选显示的部分，用于保存有可能在基于模板的文档中出现的内容（如可选文本或图像）。在基于模板的页面上，模板用户通常控制是否显示内容。 11.2 模板的基本操作 11.2.3 模板区域 创建可编辑区域 可编辑模板区域控制基于模板的页面中的哪些区域可以编辑。设置可编辑区域，需要在制作模板的时候完成。 　　　 　　 相似网页 11.2 模板的基本操作 11.2.3 模板区域 设置可编辑区域的具体步骤如下： 在已创建的模板文件中，编辑网页，其布局、制作方法与普通网页完全一致。 将插入点放在想要插入可编辑区域的地方 在插入栏中选择【模板】，然后单击【可编辑区域】按钮。 在【新建可编辑区域】对话框中，输入该区域的名称,单击【确定】按钮 11.2 模板的基本操作 要点提示： 1.表格布局的模板定义可编辑区域时，可将整个表格或表格的某个单元格定义为可编辑区域，但是不能同时将多个单元格定义为一个单独的可编辑区域。 2.AP元素和AP元素中的内容是不同的元素，当AP元素设为可编辑区域时，在应用该模板编辑文档时，可改变AP元素的位置和AP元素中的内容。而将AP元素的内容设为可编辑区域时，则只能改变AP元素中的内容而不能改变AP元素的位置。 11.2 模板的基本操作 11.2.3 创建模板区域 创建可重复区域 重复区域是可以根据需要在基于模板的页面中复制任意次数的模板部分。 重复区域通常用于表格；但是，也可以为其他页面元素定义重复区域。 11.2 模板的基本操作 11.2.3 创建模板区域 创建可重复区域 在模板中插入重复区域的操作步骤： ① 选择想要设置为重复区域的文本或内容。 ② 选择“插入”|“模板对象”|“重复区域”。出现“新建重复区域”对话框。 ③ 在“名称”文本框中为模板区域输入唯一的名称。 ④ 单击“确定”。 重复区域被插入到模板中。 11.2 模板的基本操作 11.2.3 创建模板区域 创建可选区域 在“文档”窗口中，将插入点置于要插入可选区域的位置。 选择“插入”|“模板对象”|“可编辑的可选区域”。或在“插入”面板的“常用”类别中，单击“模板”按钮，然后从弹出菜单中选择“可编辑的可选