网页设计与制作-12使用模板和库.ppt
使用模板和库,使用模板和库,12.1 使用软件自身提供的模板12.2 创建自定义模板12.3 创建模板的可编辑区域12.4 使用可选区域12.5 使用重复区域12.6 应用模板12.7 编辑和更新模板12.8 在基于模板的文档中编辑内容12.9 管理模板12.10 库项目,12.1 使用软件自身提供的模板,Dreamweaver 中已经准备好了一些模板供用户使用。对于一些初学Dreamweaver 的用户来说,很多时候对网页的布局以及规划还不是很不熟练,考虑到这些因素,Dreamweaver 提供了一些已经设计好基本框架的页面。,12.2 创建自定义模板,12.2.1 将文档另存为模板12.2.2 使用“资源”面板创建新模板Dreamweaver CS6 在模板中支持三种不同的区域。(1)可编辑区域(2)可选区域(3)重复区域,12.3 创建模板的可编辑区域,在模板中,可编辑区域是指用户可以对其编辑和修改的区域。1.插入可编辑区域2.选择可编辑区域3.删除(锁定)可编辑区域如果已经将模板文件的一个区域标记为可编辑区域,想要再次使其成为不可编辑区域时,就使用“删除模板标记”命令。,12.4 使用可选区域,可选区域是模板中的区域,用户可将其设置为在基于模板的文档中显示或隐藏。1.添加可选区域2.修改可选区域 在模板中插入可选区域之后,可以编辑该区域的设置。,12.5 使用重复区域,重复区域包括两种重复区域模板对象:重复区域和重复表格。12.5.1 模板中创建重复区域模板用户可以使用重复区域在模板中复制任意次数的指定区域。重复区域不是可编辑区域。12.5.2 插入重复表格,12.6 应用模板,12.6.1 使用模板创建文档12.6.2 在现有文档中应用或删除模板1.把模板应用到现有文档用户可以利用“资源”面板或通过文档窗口将模板应用于现有文档中。2.将文档与模板分离,12.7 编辑和更新模板,1.打开要编辑的模板2.手动更新基于模板的文档在修改了模板之后,用户可以根据提示对应用了模板的网页进行更新。,12.8 在基于模板的文档中编辑内容,用户在模板文档和基于模板的文档中都可以很容易地通过标示确认不可编辑区域(锁定区域)和可编辑区域,但只能编辑模板中可编辑区域的内容。,12.9 管理模板,可以使用资源“面板”的“模板”类别来管理这些模板,包括重命名模板文件、删除模板文件等,当然也可以使用“资源”面板将模板应用于文档或编辑模板。,12.10 库项目,库是一种特殊的Dreamweaver 文件,以单独资源或资源副本的集合为表现形式,方便在网页中进行重复使用和批量更新。12.12.1 了解库项目库中包含的都是各种各样的页面元素,如图像、表格、声音、Flash 影片以及其他需要经常使用或定期更新的对象。这些元素被统称为库项目。12.12.2 在“资源”面板中添加库项目库项目的添加主要通过“资源”面板来实现。,12.12.3 库项目的属性在页面中添加一个库项目或将页面中的内容转换为库项目后,再次选择这个项目,属性检查器会变成库项目的一些设置。库项目的属性检查器的设置选项含义:库项目源“打开”按钮“从源文件中分离”按钮“重新创建”按钮,12.12.4 使库项目可编辑首先,使库项目可编辑,就可以在当前文档中选择该库项目。然后,单击属性检查器中的“从源文件中分离”按钮。12.12.5 应用库项目,12.12.6 修改库项目通过对库项目的修改,用户可以引用外部库项目一次更新整个站点上的内容。1.更新关于所有文件的库项目当修改一个库项目时,可以选择更新使用该项目的所有文件。2.应用特定库项目的修改当需要更新应用特定库项目的网站站点或所有网页时,可以执行“修改库更新页面”命令,弹出“更新页面”对话框。3.重命名库项目4.从库中删除库项目,