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)。

1 / 18
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功