dreamweaver8网页设计 第八章 使用模版与库项目

1、第8章 使用模板与库项目,使用模板 使用库项目,8.1 使用模板,8.1.1 创建模板文档,创建模板文档的方法有两种。一种是新建空白模板文档，然后像制作普通网页一样制作和编辑模板内容；还有一种是将普通网页转换为模板。,1创建空白模板文档,在Dreamweaver中创建的空白网页模板与空白网页文档相同，只是模板文档的扩展名为“dwt”。当用户创建并保存好空白网页模板后，可以像编辑普通网页一样编辑模板文档。,2将现有网页转换成模板,用户在制作好一个网页后，可将其另存为模板，然后再利用该模板制作网站中的其他网页。,8.1.2 编辑模板,1创建可编辑区域,所谓可编辑区域，是指模板中未锁定的部分，也就是

2、在基于模板创建的文档中可以编辑的区域。要使模板有效，至少要在其中包含一个可编辑区域。,2更改可编辑区域名称,用户在创建可编辑区域时，默认的区域名称为“EditRegion3”。如果想修改该区域名称，可在“属性”面板中进行操作。,3删除可编辑区域标记,如果已经将模板中的一个区域标记为可编辑，而现在想要再次锁定它（使其在基于模板创建的文档中不可编辑），可在选中可编辑区域后，选择“修改”“模板”“删除模板标记”菜单。,8.1.3 应用模板创建文档,1使用“新建文档”对话框,使用“新建文档”对话框新建基于模板网页的方法非常简单，只需在该对话框中选择模板所在的站点，然后选择站点中的模板即可。,2使用“资

3、源”面板,在“资源”面板中只能使用当前站点中的模板创建网页。,8.1.4 管理模板,1更新模板,创建模板后，如果对模板中的某些部分不满意，可对其进行修改。在修改完毕并保存时，Dreamweaver会弹出“更新模板文件”对话框，提示是否更新站点中基于该模板创建的网页文档，单击“更新”按钮可更新通过该模板创建的所有网页，单击“不更新”按钮，则只保存模板而不更新基于该模板创建的网页。,2删除模板,如果用户不需要使用某个模板，可将其删除。,3分离模板,如果用户需要对网页中的不可编辑区域进行编辑，可以直接将网页文档与模板分离。分离后的文档就变成了普通的网页文档，可以像编辑普通的网页一样对其进行编辑操作，

4、但更新原模板文件后，分离后的文档无法再自动更新。 打开使用模板创建的网页，选择“修改”“模板”“从模板中分离”菜单，即可使网页脱离模板。,综合实例1应用模板制作“SM”网站子页,本例将把第7章中制作的文档“sub1.html”另存为模板，然后在其基础上创建网站中的其他子页（具体操作见视频8-1-1和8-1-2）。,8.2 使用库项目,8.2.1 什么是库项目,库项目是一种特殊类型的Dreamweaver文件，我们可以将当前网页中的任意页面元素定义为库项目，如图像、表格、文本、声音和Flash影片等。当需要使用某库项目时，直接将其从“资源”面板中拖动到网页中就可以了。,8.2.2 创建库项目,创建库项目的方法非常简单。首先选中对象，然后选择“修改”“库”“增加对象到库”菜单，即可将所选对象创建为库项目。,8.2.3 应用库项目,应用库项目的方法非常简单，只需从“资源”面板的库窗格中将其拖入到文档的适当位置即可。此外，也可在定位插入点后，选中库中的项目并单击“资源”面板底部的“插入”按钮，将库项目插入到文档中。,8.2.4 编辑库项目,要编辑库项目，可在“资源”面板中双击库项目，Dreamweaver会在文档编辑窗口中打开该库项目。,综合实例2应用库项目制作“SM”网站子页,除应用前面所讲的模板可以提高网站的制作效率外，应用库项目也可以达