第9篇 章　模板和库 Dreamweaver CS5实例教程课件.ppt

第9章　模板和库 　本章简介： 　　 每个网站都是由多个整齐、规范、流畅的网页组成。为了保持站点中网页风格的统一，需要在每个网页中制作一些相同的内容，如相同栏目下的导航条、各类图标等，因此网站制作者需要花费大量的时间和精力在重复性的工作上。为了减轻网页制作者的工作量，提高他们的工作效率，将他们从大量重复性工作中解脱出来，Dreamweaver CS5提供了模板和库功能。 课堂学习目标 “资源”控制面板 模板 库 9.1 “资源”控制面板 “资源”控制面板用于管理和使用制作网站的各种元素，如图像或影片文件等。选择“窗口 资源”命令或按F11键，启用“资源”控制面板。 9.2 模板 课堂案例——食用菌类网页 创建模板 定义和取消可编辑区域 创建基于模板的网页 管理模板 9.2.3　定义和取消可编辑区域 创建模板后，网站设计者需要根据用户的需求对模板的内容进行编辑，指定哪些内容是可以编辑的，哪些内容是不可以编辑的。模板的不可编辑区域是指基于模板创建的网页中固定不变的元素，模板的可编辑模板区域是指基于模板创建的网页中用户可以编辑的区域。当创建一个模板或将一个网页另存为模板时，Dreamweaver CS5默认将所有区域标志为锁定，因此用户要根据具体要求定义和修改模板的可编辑区域。 9.2.4　创建基于模板的网页 创建基于模板的网页有两种方法 ，一是使用“新建”命令创建基于模板的新文档；二是应用“资源”控制面板中的模板来创建基于模板的网页。 9.2.5　管理模板 创建模板后可以重命名模板文件、修改模板文件和删除模板文件。 9.3 库 课堂案例——鲜果批发网页 创建库文件 向页面添加库项目 更新库文件 9.3.1　课堂案例——鲜果批发网页 使用“库”面板添加库项目。使用库中注册的项目制作网页文档。使用“文本颜色”按钮更改文本的颜色。 效果图 9.3.2　创建库文件 库项目可以包含文档body部分中的任意元素，包括文本、表格、表单、Java applet、插件、ActiveX元素、导航条和图像等。库项目只是一个对网页元素的引用，原始文件必须保存在指定的位置。 可以使用文档body部分中的任意元素创建库文件，也可新建一个空白库文件。