网页设计与制作项目实训教程 教学课件 严加琼 曾金发 项目11.pdfVIP

《网页设计与制作项目实训教程》配套课件 项目11 使用模板和库制作网页 项目11 使用模板和库制作网页 《网页设计与制作项目实训教程》配套课件 项目描述 项目描述 知识储备 知识储备 实践向导 实践向导 项目小结 项目小结 能力拓展 能力拓展 退 出 退 出 项目描述 在Dreamweaver 中可以利用模板和库创建出 具有统一风格的网页，在开发网站时不但可以提高 开发效率，而且方便网站的后续维护。本项目运用 所学知识创建企业模板，效果如图11-1所示，利用 模板创建公司简介网页，效果如图11-2所示。 项目描述 图11-1 创建企业网页模板 项目描述 返 回 图11-2 利用模板创建公司简介网页 11.2 知识储备 11.2.1 模板和库概述 11.2.2 建立网页模板 11.2.3 库 11.2 知识储备 　　Dreamweaver CS5中的资源除了包括图像、影片、 颜色、脚本和链接之外，还有两种比较特殊的类型， 即模板和库。 　　模板是一种特殊类型的文档，文件扩展名为 “.dwt”，可用于设计固定的页面布局，用户可基于该模 板创建文档，创建的文档会自动继承模板的页面布局。 　　库是一种特殊的Dreamweaver文件，其后缀名为 “.lbi” 。 11.2 知识储备 　　模板和库的区别是：模板可以用来制作整体 网页的重复部分，而库是面向网页局部重复部分。 模板主要用于保持页面统一，而库文件更主要的 是为了满足经常修改的需要，库项目比模板更加 灵活，库项目只是页面中的一小部分，可以放置 在页面的任何位置。 11.2 知识储备 11.2.2 建立网页模板 　1.模板区域的类型 模板区域共有四种类型：  （1）可编辑区域。  （2 ）重复区域。  （3 ）可选区域。 （4 ）可编辑标签属性 。 11.2 知识储备 2.创建模板 　　模板的制作与普通网页的制作相同，是用来 制作网页的公共部分。设计者可以根据需要，直 接创建空白的模板，也可以将已有文档转换为模 板。 　　要使模板生效，其中至少还要创建一个可编 辑区域，否则基于该模板的页面是不可编辑的。 为了便于管理，最好将创建的模板存放在站点根 目录下的“Templates”文件夹中，使用文件扩展名 为“.dwt” 。若该文件夹不存在，则当存储一个新模 板时，Dreamweaver CS5会自动生成此文件夹。 11.2 知识储备 创建模板有以下三种方法： 　（1）通过“资源”面板，创建空模板 在“资源”面板中单击左侧“模板”按钮，进入“模板” 子面板，如图11-3所示。然后单击下方的“新建模 板”按钮，创建空模板。此时新的模板添加“模板” 子面板的列表中，为该模板输入名称，如图11-4 所示。 图11-3 资源面板 图11-4 新建空模板 11.