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

第8章使用模板与库项目使用模板使用库项目8.1使用模板8.1.1创建模板文档创建模板文档的方法有两种。一种是新建空白模板文档，然后像制作普通网页一样制作和编辑模板内容；还有一种是将普通网页转换为模板。1．创建空白模板文档在Dreamweaver中创建的空白网页模板与空白网页文档相同，只是模板文档的扩展名为“dwt”。当用户创建并保存好空白网页模板后，可以像编辑普通网页一样编辑模板文档。2．将现有网页转换成模板用户在制作好一个网页后，可将其另存为模板，然后再利用该模板制作网站中的其他网页。8.1.2编辑模板1．创建可编辑区域所谓可编辑区域，是指模板中未锁定的部分，也就是在基于模板创建的文档中可以编辑的区域。要使模板有效，至少要在其中包含一个可编辑区域。2．更改可编辑区域名称用户在创建可编辑区域时，默认的区域名称为“EditRegion3”。如果想修改该区域名称，可在“属性”面板中进行操作。3．删除可编辑区域标记如果已经将模板中的一个区域标记为可编辑，而现在想要再次锁定它（使其在基于模板创建的文档中不可编辑），可在选中可编辑区域后，选择“修改”“模板”“删除模板标记”菜单。8.1.3应用模板创建文档1．使用“新建文档”对话框使用“新建文档”对话框新建基于模板网页的方法非常简单，只需在该对话框中选择模板所在的站点，然后选择站点中的模板即可。2．使用“资源”面板在“资源”面板中只能使用当前站点中的模板创建网页。8.1.4管理模板1．更新模板创建模板后，如果对模板中的某些部分不满意，可对其进行修改。在修改完毕并保存时，Dreamweaver会弹出“更新模板文件”对话框，提示是否更新站点中基于该模板创建的网页文档，单击“更新”按钮可更新通过该模板创建的所有网页，单击“不更新”按钮，则只保存模板而不更新基于该模板创建的网页。2．删除模板如果用户不需要使用某个模板，可将其删除。3．分离模板如果用户需要对网页中的不可编辑区域进行编辑，可以直接将网页文档与模板分离。分离后的文档就变成了普通的网页文档，可以像编辑普通的网页一样对其进行编辑操作，但更新原模板文件后，分离后的文档无法再自动更新。打开使用模板创建的网页，选择“修改”“模板”“从模板中分离”菜单，即可使网页脱离模板。综合实例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”网站子页除应用前面所讲的模板可以提高网站的制作效率外，应用库项目也可以达到同样的效果。为说明这一点，本例便利用库项目制作一个与“综合实例1”制作的“sub2.html”完全相同的网页（具体操作见视频8-2-1和8-2-2）。