网页制作基础教程-模板和库的应用.pptVIP

网页制作基础教程（Dreamweaver CS3） 第10章　模板和库的应用 本章重点：模板、库的创建、编辑、应用、修改，站点的更新。 难点：如何合理的设置和定义模板的可编辑区域。 第10章　模板和库的应用 10.1 应用模板制作相似网页 10.2 模板的基本操作 10.3 库的应用 10.4 资源管理 10.1　应用模板制作相似网页 10.1.1 案例综述 本例通过模板设计出网页的整体风格、布局，当制作各个分页时，通过模板来创建，而当修改模板时，与之相链接的网页都将随之改变。 10.1　应用模板制作相似网页 10.1.2 案例分析 　　　　在制作中，可利用模板来设计其相同部分，不同之处留为可编辑区域，待在具体制作网页时，再将具体内容填入可编辑区域。 10.1　应用模板制作相似网页 10.1.3 实现步骤 制作模板 基本元素的制作 插入模板区域 创建可编辑区域 创建重复区域 创建基于模板的网页文档 修改模板并更新 10.2 模板的基本操作 10.2.1 模板的基本特点 使用模板的好处在于： 1.可以生成大批的风格相近的网页。 2.一旦模板修改了，就修改了一批网页（自动更新）。 10.2 模板的基本操作 10.2.2 模板的创建与保存 1.模板的创建方法 方法一：通过菜单创建模板 在文件面板中选择要创建模板的站点。 选择【文件】｜【新建】｜【常规】｜模板页，选择需创建的模板类型。单击【确定】，创建了一个空白模板 10.2 模板的基本操作 10.2.2 模板的创建与保存 1.模板的创建方法 方法二：在【资源】面板创建模板 在文件面板中选择要创建模板的站点。 选择【窗口】｜【资源】命令，打开【资源】面板，选定面板左侧的【模板】按钮，单击“添加”按钮。 方法三：利用现成网页创建模板 打开欲做模板的网页。 选择【文件】｜【另存为模板】命令。 10.2 模板的基本操作 2、模板的保存 新建的模板文件会保存在本地站点的Templates文件夹中。 如果该Templates文件夹在站点中尙不存在，Dreamweaver CS3将在保存新建模板时自动创建该文件夹。 模板文件的扩展名为.dwt。 10.2 模板的基本操作 10.2.3 创建模板区域 创建可编辑区域 可编辑模板区域控制基于模板的页面中的哪些区域可以编辑。设置可编辑区域，需要在制作模板的时候完成。 　　　 　　 相似网页 10.2 模板的基本操作 设置可编辑区域的具体步骤如下： 步骤1　在已创建的模板文件中，编辑网页，其布局、制作方法与普通网页完全一致。 步骤2　将插入点放在想要插入可编辑区域的地方 步骤3　在插入栏中选择【模板】，然后单击【可编辑区域】按钮。 步骤4　在【新建可编辑区域】对话框中，输入该区域的名称,单击【确定】按钮 10.2 模板的基本操作 要点提示： 1.表格布局的模板定义可编辑区域时，可将整个表格或表格的某个单元格定义为可编辑区域，但是不能同时将多个单元格定义为一个单独的可编辑区域。 2.AP元素和AP元素中的内容是不同的元素，当AP元素设为可编辑区域时，在应用该模板编辑文档时，可改变AP元素的位置和AP元素中的内容。而将AP元素的内容设为可编辑区域时，则只能改变AP元素中的内容而不能改变AP元素的位置。 10.2 模板的基本操作 10.2.3 创建模板区域 创建可重复区域 重复区域是可以根据需要在基于模板的页面中复制任意次数的模板部分。 重复区域通常用于表格；但是，也可以为其他页面元素定义重复区域。 10.2 模板的基本操作 10.2.3 创建模板区域 创建可重复区域 在模板中插入重复区域的操作步骤： ① 选择想要设置为重复区域的文本或内容。 ② 选择“插入”|“模板对象”|“重复区域”。出现“新建重复区域”对话框。 ③ 在“名称”文本框中为模板区域输入唯一的名称。 ④ 单击“确定”。 重复区域被插入到模板中。 10.2 模板的基本操作 10.2.3 创建模板区域 修改模板区域 ①在“文档”窗口中，选择区域选项卡。 ②选择“修改”|“模板”|“删除模板标记”。 ③对于“可选区域”，在选中其标识后，在“属性”面板中单击“编辑”按钮进行修改。 10.2 模板的基本操作 10.2.4 创建基于模板的网页 使用菜单方式 选择【文件】｜【新建】|【新建文档】|【模板】，选择新建的页面存放的站点及所用模板名称。 选中【当模板改变时更新页面】的复选框时，当模板被修改后，用此模板创建的网页也会被修改。 单击【创建】按钮，此时在网页编辑窗口建立了一个由模板生成的网页，设计者可在可编辑