Dreamweaver8第6章 模板和库.ppt

第6章 模板和库 6.1 模板 6.2 库 6.1 模板 6.1.1 创建模板 6.1.2 设置模板的可编辑域 6.1.3 用模板新建网页 6.1.4 套用模板 6.1.5 利用模板更新网页及网站 6.1.6 脱离网页与模板关联 6.1 模板 使用模板可以快速地建立风格统一的网站，更重要的是使用模板能够显著降低网页更新维护的工作量。可以将设计好的布局制作成模板，页面通过模板创建。如果用户修改了模板，Dreamweaver 8会自动地更新所有由此模板创建的页面。 6.1.1 创建模板 使用【文件】/【新建】命令创建模板。 6.1.1 创建模板 使用【窗口】/【资源】命令创建模板。 6.1.1 创建模板 打开已经设计好的网页，然后直接使用插入面板的按钮创建模板。 6.1.2 设置模板的可编辑域 可编辑区域是指套用该模板的网页可插入新内容的区域。Dreamweaver 8对由模板创建的网页做了限制，非可编辑区域的内容是不可单独修改的。 6.1.2 设置模板的可编辑域 设置模板的可编辑域的方法： （1）打开模板资源面板，单击选定要编辑的模板，然后单击编辑按钮打开模板文件 （2）在编辑区域中定位可编辑区域的插入点。 （3）使用【插入】/【模板对象】/【可编辑区域】命令 建立可编辑区域】 。 6.1.3 用模板新建网页 打开模板资源面板，右击目标模板弹出快捷菜单，从模板上新建。 6.1.4 套用模板 使用【修改】/【模板】/【套用模板到页】命令可套用现有的模板。 6.1.4 套用模板 还可以直接使用模板资源面板来完成套用现有的模板。 6.1.5 利用模板更新网页及网站 模板修改后，选择【文件】→【保存】命令。此时Dreamweaver 8检查站点内是否有网页应用了该模板。若有，弹出对话框，其中文本框中列出了所有应用了该模板的网页文件。 6.1.6 脱离网页与模板关联 如果希望中止网页与其套用的模板之间的关联关系，可以采取如下方法： （1）打开一个套用了模板的网页文件。 （2）选择【修改】/【模板】/【从模板中分离】命令。 6.2 库 6.2.1 创建库项目 6.2.2 将网页元素存储为库项目 6.2.3 将库项目应用到网页 6.2.4 编辑库项目 6.2.5 脱离与库元素的连接 6.2 库 使用库能够有效地减少一些重复性的操作，例如链接的设置等。另一方面，使用库的更新功能还能减少网站的维护量。 6.2.1 创建库项目 一些网站中重复的内容，例如图像、文字、或者多个网页元素的组合都可以将它定义成库元素。 6.2.2 将网页元素存储为库项目 使用【修改】/【库】/【增加对象到库】命令，或者直接将对象拖到库资源面板。 6.2.3 将库项目应用到网页 在资源面板中选定库项目名称，单击【插入】按钮，可将库项目应用到网页。 6.2.4 编辑库项目 在资源面板中，单击要进行编辑的库项目的名称，然后单击编辑按钮，即可修改库项目。 修改库项目后，要单击【更新】按钮，执行更新操作 。 6.2.5 脱离与库元素的连接 添加到页面中的库项目是不可以直接进行编辑修改的，但有的时候需要独立对某个页面中的库项目进行编辑。这时候可以将该库项目与源文件分离。 脱离与库元素的连接的方法是：单击选中要脱离源文件的库项目，然后单击【从源文件中分离】按钮。 小结 本章介绍了模板和库的使用。利用模板和库能够加快网页打开的速度，另一方面模板和库的自动更新功能可以大大地减少网站更新和维护的工作量。 * * 库 资 源 面 板