边做边学——Dreamweaver CS3网页设计案例教程教学课件 官辛华 09.pdfVIP

第9章　模板和库 本章简介： 每个网站都是由多个整齐、 规范、流畅的网页组成的。为 了保持站点中网页风格的统一， 需要在每个网页中制作一些相 同的内容，如相同栏目下的导 航 条 、 各 类 图 标 等 。 利 用 Dreamweaver CS3提供的模板和 库功能，可实现上述操作。 课堂学习目标 “资源”控制面板 模板 库 9.1　家居资讯网页 案例分析 设计理念 操作步骤 相关工具 9.1.1　案例分析 家居资讯网是反映家居市场发展趋势、行业动态及供求关系的 专业资讯网页，主要面向房地产开发商、装饰企业和材料经销商、 物业管理等行业，成为连接用户与企业的纽带。在网页设计时要体 现出家居资讯的丰富内容和独特品位。 9.1.2　设计理念 在网页设计、制作过程上，背景采用灰色系色彩，使页面体现 出成熟稳重之感。导航栏放置在页面的右上角，方便客户浏览。中 间是网页的核心信息，包括房产信息、家居展示图等。整个页面结 构清晰，有利于客户查询和交易。 家居资讯网页效果图 9.1.3　操作步骤 1 2 3 9.1.4　相关工具 1. “资源”控制面板 “资源”控制面板用于管理和使用制作网站的各种元素，如图像或 影片文件等。选择“窗口 资源”命令或按F11键，启用“资源”控 制面板。 “资源”控制面板 2.创建模板 在Dreamweaver CS3中创建模板非常容易，如同制作网页一样。当用户创 建模板之后，Dreamweaver CS3自动把模板存储在站点的本地根目录下的 “Templates”子文件夹中，使用文件扩展名为.dwt。如果此文件夹不存在， 当存储一个新模板时，Dreamweaver CS3将自动生成此子文件夹。 创建空模板 将现有文档存为模板 3.定义和取消可编辑区域 创建模板后，网站设计者需要根据用户的需求对模板的内容进行编辑，指 定哪些内容是可以编辑的，哪些内容是不可以编辑的。模板的不可编辑区域是 指基于模板创建的网页中固定不变的元素，模板的可编辑模板区域是指基于模 板创建的网页中用户可以编辑的区域。当创建一个模板或将一个网页另存为模 板时，Dreamweaver CS3默认将所有区域标志为锁定，因此，用户要根据具体 要求定义和修改模板的可编辑区域。 对已有的模板进行修改 定义可编辑区域 定义可编辑的重复区域 定义可编辑的重复表格 取消可编辑区域标记 4.创建基于模板的网页 创建基于模板的网页有两种方法，一是使用“新建”命令创建 基于模板的新文