Dreamweaver-CC实例教程(第5版)-第8章-模板和库.pdfVIP

第8章　模板和库 本章简介： 制作网站的时候，为了保持网站中各网页风格的统 一， 要在每个网页中制作一些相同的内容，如相同的 导航条、各类图标等。网站制作初学者可能 要花费大 量的时间和精力在这些重复性的工作上。其实为了提高 设计制作人员的工作效率，Dreamweaver CC 2019提 供了模板和库功能，利用它们，即可从这些重复性工作 中解脱出来。 课堂学习目标 掌握资源面板的使用方法 掌握创建模板、可编辑区域、重复 区域、重复表格的创建方法 掌握模板的重命名、修改模板文件、 删 模板文件和用模板更新的方法 掌握如何创建库文件 掌握重命名、删 、修改和更新库 项目的方法 8.1 “资源”面板 “资源”面板用于管理和使用制作网站的各种元素，如图像 或视频 件等。选择 “窗口 资源”命令，即可弹出“资源”面 板。 “资源”面板 .2 模板 课堂案例——水果慕斯网页 创建模板 定义和取消可编辑区域 创建基于模板的网页 管理模板 8.2.1　课堂案例—水果慕斯网页 使用 “创建模板”按钮，创建模板；使用 “可编辑 域”和 “重 复 域”按钮，制作可编辑 域和重复可编辑 域。 效果图 8.2.2　创建模板 在Dreamweaver CC 2019中创建模板非常容易，与制作网页 样。当用户创建模板之后，Dreamweaver程序会自动把模板存储在站 点的本地根目录下的“Templates”子文件夹中，文件扩展名为.dwt。 如果此文件夹不存在，当存储 个新模板时，Dreamweaver会自动生 成此子文件夹。 1．创建空白模板 2．将现有文档存为模板 8.2.3　定义和取消可编辑区域 创建模板后，网站设计者可能还需要对模板 内容进行编辑，这 时可以指定模板中哪些内容是可以编辑 ，哪些内容是不可以编辑 。 模板 不可编辑区域是指基于模板创建 网页中固定不变 元素；可 编辑模板区域是指基于模板创建 网页中用户编辑修改 区域。当创 建一个模板或将一个网页另存为模板时，Dreamweaver CC 2019默 认将所有区域标志为锁定，因此设计者要根据具体要求定义和修改模 板 可编辑区域。 1．对已有 模板进行修改 2．定义可编辑区域 3．定义可编辑 重复区域 4．定义可编辑 重复表格 5．取消可编辑区域标记 8.2.4　创建基于模板的网页 创建基于模板的网页有2种方法，一是使用 “新建”命令创建基于 模板的新文档； 是利用 “资源”面板中的模板来创建基于模板的网 页。 1．使用 “新建”命令创建基于模板的新文档 2．利用 “资源”面板中的模板创建基于模板的网页 8.2.5　管理模板 创建模板后可以重命名模板文件、修改模板文件和删除 模板文件。 1．重命名模板文件 2．修改模板文件 3．用模板最 版本更 4．删除模板文件 8.3 库 课堂案例——水果批发网页 创建库文件 向页面添加库项目 管理库文件 8.3.1　课堂案例—律师事务所网页 使用 “库”面板，添加库项目；使用库中 册的项目，制作网页 文档；使用 “CSS设计器”面板，更改文本的颜色。 效果图