网页设计与制作案例教程电子教案第14单元.pptVIP

（3）在“可编辑标签属性”对话框的“属性”下拉列表框中选中一项标签“BACKGROUND”。如果需要设置的标签没有出现在下拉列表框，可以单击列表框右侧的【添加】按钮，弹出一个添加属性标签的对话框，输入标签名称即可。 然后选中“令属性可编辑”复选框，“标签”文本框中显示该属性的标签，在“类型下拉列表框中选择“URL”，即链接地址。“默认”文本框设置该属性的默认值。 设置完成后，单击【确定】按钮，将表格2的“背景图像”属性设置成可编辑的属性标签。 7.5.4　创建基于模板的网页 创建一个基于模板文件08.dwt的网页，该网页命名为“08.html”。具体操作过程如下： 1．应用网页模板创建网页文档 （1）在Dreamweaver 8主窗口中，单击菜单【文件】→【新建】，弹出“新建文档”对话框，在“新建文档”对话框中单击“模板”标签，切换到“模板”选项卡，如图7-88所示。 （2）从左侧的列表框中选中“站点‘长沙世界之窗’”，从中间的列表框中选择一个模板“08”，右侧可以预览该模板。 （3）单击【创建】按钮，这样将基于这个模板创建一个新的网页。 （4）保存新创建的基于模板的网页，浏览其效果。 （1）显示或隐藏可选区域 （2）设置可编辑标签属性的属性值 （3）在基于模板创建的网页中编辑可编辑区域的内容 2．编辑网页 对模板进行修改后，可以将模板的修改应用于所有由模板生成的网页。操作步骤如下： （1）打开模板文档，对模板进行必须的修改。 （2）在Dreamweaver 8主窗口中，单击菜单【修改】→【模板】→【更新页面】，弹出“更新页面”对话框。 3．更新模板的变化 （3）在对话框中设置相应参数，在“查看”下拉列表框中如果选择“整个站点”，则要选择更新哪个站点，如果选择“文件使用”，则要选择更新哪个模板文件。如果选中了“显示记录”复选框，则会在更新之后显示更新记录。 （4）在对话框中设置相应参数后，单击【开始】按钮，Dreamweaver将对选定范围中由模板生成的网页进行更新，“状态”列表中显示检查文件数、更新文件数等信息。 （5）更新完成后，单击该对话框中的【关闭】按钮，操作结束。 7.5.5　库 库文件的作用是将网页中经常用到的对象转化为库文件，然后作为一个对象插入到其他的网页之中。按下列要求创建库文件，且创建一个插入库文件的网页： （1）将网页081.html中的表格3转换为库文件。 （2）创建一个应用库的网页083.html，在该网页插入前一步所创建库文件。 下面介绍如何利用现有网页中已有的内容转换为库文件。 * * 7.5　利用模板和库制作网页 在进行大量的页面制作时，很多页面会用到相同的布局、图片和文字等元素。为了避免重复劳动，可以使用Dreamweaver 8提供的模板和库功能，将具有相同版面结构的页面制作成模板，将相同的页面元素制作成库项目，并存储在库文件中以便随时调用。 课程引导 （1）理解模板和库的作用。 （2）学会将已有网页生成模板的操作方法。 （3）掌握如何编辑模板和将模板生成新网页的操作方法。 （4）掌握如何应用库项目制作网页。 知识技能目标 网页浏览效果展示 网页08.html的浏览效果如图所示。 图7-71　　应用模板制作的网页效果 本章操作任务 （1）在站点“长沙世界之窗”下创建子文件夹“08模板和库”，在“08模板和库”文件夹中创建一个网页文档081.html。 （2）利用上一步所创建的网页081.html制作成模板文件“08.dwt”。 （3）在模板文件中定义可编辑区域、可选区域、可编辑标签属性。 （4）创建一个基于模板08.dwt的网页，该网页命名为“08.html”。 （5）创建一个应用库的网页083.html。 7.5.1　模板概述 在Dreamweaver 8中，模板是一种特殊的文档，可被理解成一种模型，用这个模型可以方便地制作出很多的页面，然后在此基础上可以对每个页面进行改动，加入个性化的内容。 7.4.2　框架的创建与设置 创建一个网页模板文件“08.dwt”，其详细操作过程如下： 1．新建网页 在“长沙世界之窗”站点下创建文件夹“08模板和库”，在“08模板和库”文件夹中创建子文件夹“image”，并将所需图像复制到该文件夹下。在同一文件夹下创建一个命名为“081.html”的网页文档。保存该网页文档。 （1）插入表格 网页081.html用4个表格来布局网页元素。 2．插入表格，布局网页 将光标置于文档窗口左上角，插入一个1行1列的表格1。 然后在1行1列表格下面，插入一个9行3列