Dreamweaver 8案例教程 苏玉雄 第13章新.ppt

13.1 资源 13.1案例1：设计美眉相册 13.1 资源 步骤1：创建页面，如图13－10： 13.1 资源 步骤2：设计表格布局，如图13－11： 13.1 资源 步骤3：从资源库中插入图片，如图13－12 13.1 资源 步骤4：继续插入图片完成网页，如图13－13 13.2模板 当需要制作大量布局基本一致的网页时，使用模板是最好的方法。下面我们将学习如何建立使用模板完成网页制作。 13.2模板 13.2.1 创建模板 可以从现有文档（如 HTML、Macromedia ColdFusion 或 Microsoft Active Server Pages 文档）中创建模板，或者从新建的空白文档中创建模板。 创建模板后，可以插入模板区域（请参见模板区域的类型）。您也可以为代码颜色和模板区域高亮颜色设置模板首选参数（请参见为模板自定义代码颜色首选参数和设置模板区域的高亮显示首选参数） 13.2模板 （一）、创建模板步骤如下： 1、打开要另存为模板的文档。 2、文档打开时，选择“文件”→“另存为模板”，如图13－14所示： 13.2模板 3、从“站点”弹出菜单中选择一个用来保存模板的站点，并在“另存为”文本框中为模板输入一个唯一的名称。 单击“保存”. 13.2模板 Dreamweaver 将模板文件保存在站点的本地根文件夹中的 Templates 文件夹中，使用文件扩展名 .dwt。如果该 Templates 文件夹在站点中尚不存在，Dreamweaver 将在您保存新建模板时自动创建该文件夹。 注意： 不要将模板移动到 Templates 文件夹之外或者将任何非模板文件放在 Templates 文件夹中。此外，不要将 Templates 文件夹移动到本地根文件夹之外。这样做将在模板中的路径中引起错误。 13.2模板 13.2.2 定义模板 一、插入可编辑区域 在插入可编辑区域之前，应该将您正在其中工作的文档另存为模板。如果您在文档（而不是模板文件）中插入一个可编辑区域，Dreamweaver 会警告您该文档将自动另存为模板。 13.2模板 操作步骤如下： 在“文档”窗口中，执行下列操作之一选择区域. 13.2模板 选择“插入”→“模板对象”→“可编辑区域”。出现“新建可编辑区域”对话框. 13.2模板 在“名称”文本框中为该区域输入唯一的名称。（不能对特定模板中的多个可编辑区域使用相同的名称。不要在“名称”文本框中使用特殊字符。单击“确定”. 13.2模板 可编辑区域在模板中由高亮显示的矩形边框围绕，该边框使用在首选参数中设置的高亮颜色。该区域左上角的选项卡显示该区域的名称。如果在文档中插入空白的可编辑区域，则该区域的名称会出现在该区域内部。 3、保存模板。 13.2模板 13.2案例1：网页制作教学网 13.2模板 步骤1：新建站点 13.2模板 步骤2：利用firework设计好网页总体效果，并进行切片（在firework课程讲解中有详细介绍）。 步骤3：将生成的网页载入Dreamweaver 8中进行网页制作。 步骤4：将网页布局进行修改，将插入的图片改为图片背景. 13.2模板 13.2模板 步骤5：建立模板并设计可编辑区域 步骤6：利用模板新建网页. 13.2模板 步骤7：在新建的网页中进行内容的编辑。利用模板新建的网页，只有可编辑区域可以进行内容的填充. 13.2模板 步骤8：修改模板导航连接 13.2模板 步骤9：保存模板，这是会提示是否保存模板同时更新连接. 13.2模板 注：点击更新，将会更新所有通过模板生成的网页的公共部分连接。 步骤10：将模板另存为主页，这样才能将主页的连接进行更新。 步骤11：使用模板继续创建网页，并将详细内容添加进网页，为内容列表页面建立好相应的链接。 最终完成网站 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 ?2003. 苏玉雄 1-* 第 十三 章  资源、模板 13.1 资源 “资源”面板 资源包括存储在站点中的各种元素，如图像或影片文件。“资源”面板提供了两种查看资源的方式：“站点”列表显示站点的所有资源。“收藏”列表仅显示您明确选择的资源。在这两个列表中，资源被分成下列类别，显示在“资源”面板的左侧. 13.1 资源 13.1.2 管理“资源”面板 可以使用“资源”面板查看和管理当前站点中的资源。“资源”面板显示与“文档”窗口中的活动文档相关联的站点资源。必须首先定义一个本地站点，然后才能在“资源”面板中查看资源。“资源”面板提供两种视图：“站点”列表显示您的站点的所有资源，包括在该站点的任何文档中使用的颜色和 URL。“收藏”列表仅显示您明确选择的资源。在这两个列表中，资源被分成多个类别（沿着“