dreamweaver中lib使用

如果你做了500个网页之后,忽然发现电话号码或是地址出了点儿小错误,这时候你怎么办,是一个一个修改吗?可以想象工作量会有多大。如果你只作过个人主页,那并不会出现这种问题,因为如果只有十几个页面,就算错了,直接改过来就是了,也不见的有什么麻烦,但是如果你要作大量的网页的话,这就是一个不容忽视的问题。

       当然,Dreamwaver为我们提供了最简单的方法,只要改一次,就可以全部更新。这就是接下来我要讲的模板和库。多用模板和库是一个很好的习惯。

首先需要说明的是什么时候用模板,什么时候用库。

模板:你要做很多页面,但并不是每一个页面都要标新立异,其实有很多页面在结构和布局上是一致的,不同的只是具体的内容,这时候就可以用模板。简而言之,如果一些页面
只有内容不同而结构相似的话,就可以用模板。

库:如果说模板是基于整个页面的,那么库就是基于页面上的元素的。对一个网站来说,几乎所有的版权信息和导航条都是一模一样的,这时候用库就是最佳选择。

一个网站可能有不同的板块,也就不会只有一种结构、一种页面布局,所以模板可能有很多个。但是其中有一些元素是相同的,比如刚才说的版权信息和导航条。这时候用一两个
库文件就可以搞定。

接下来该说模板的用法。

现在你可以新建一个空模板,也可以从一个页面生成模板。举例来说,你的网站有一个新闻板块,他们的结构都一样,不同的只是具体内容。你可以将新闻页面的结构做出来,在
需要内容的地方插入可编辑区域,(标题是默认的可编辑区域),然后保存就可以了。

编辑页面的时候,选择从模板新建,然后选择你需要的模板,就可以进行编辑了。从模板新建还有另一个好处,就是你只可以修改模板中制定的可编辑区域,其他的内容不可以修改,这样就减少了因不小心而错误删除代码的可能性。

需要说明的是,Dreamwaver 4.0 和Dreamwaver MX 中对于模板的编辑有不同的操作。Dreamwaver 4.0 不能识别Dreamwaver MX 中的模板。Dreamwaver 4.0 只要打开file菜单,就可以看到“从模板新建”这一项,然后从弹出的小窗口选择具体模板,而Dreamwaver MX 必须在file/new/templates 中找到具体模板才可以完成。不过这并不是很大的问题,只要
具体操作两次就可以熟练掌握了。

今天先说到这里,如果你不烦的话,以后再接着说如何用模板更新、模板不见了如何重建、如何将做好得页面也用到模板上等一些问题。

 

上一次粗浅的说了一下模板的作用,我想用dreamwaver 的官方解释来做一下回顾。

“Dreamweaver模板和库可以帮助您使用一致的设计创建Web页面。使用模板和库也使得站点的维护更加容易,您可以在短短的几秒钟内重新设计您的站点并且修改成百上千的页面。”

“模板是一种文档,您可以用它来创建共享同一布局的多个页面。”

创建模板的几个方法:

1,从现存的HTML文档中创建模板
   (1),首先要打开该文档
   (2),打开后选择「文件>另存为模板」
   (3),接下来保存以后,就会跳转到此模板的编辑模式。

注意:如果这个网页本身是基于模板的,那首先需要将该文档和模板分离。选择「修改>模板>从模板中分离」。 页面将同模板分离开,所有的区域都变成可编辑的。

2,从一个空白的HTML文档开始创建模板
   (1),选择「窗口>模板」。 「资源」面板出现,「模板」分类被选定。
   (2),在「资源」面板中点击底部的「新建模板」按钮。 一个新的无标题模板将被添加到面板的模板列表中。
   (3),当模板仍处于选定状态时,为该模板输入一个名称。

3,使用「资源」面板的「模板」类来创建新的模板

(同方法2),「资源」面板得快捷方式为F11
要打开模板进行编辑,只需要在站点中(快捷方式F8)找到该模板,在站点根目录下Templates文件夹中,文件扩展名为.dwt。也可以在「资源」面板中找到该模板,双击即可。编辑网页的时候,忽然想更改样式,你也可以选择「修改>模板>打开附加模板」。
虽然,Dreamwaver4.0和Dreamwaver MX 有很大的不同,但是都很容易理解,也很容易上手。在这里不罗嗦了。
以前做的页面如何加到模板上呢?也有好几种方法,当然,打开此页面是必须的,接着选以下方法中的一种:

   (1),在「文档」窗口的「设计」视图中点击,然后选择「修改>模板>应用模板到页面」。从列表中选择一个模板并点击「选定」。
   (2),在「资源」面板的「模板」分类中选取模板,然后点击「应用」按钮。
   (3),从「资源」面板的「模板」分类中将模板拖动到「文档」窗口的「设计」视图中。
修改了模板以后,只要保存,就会有提示,问是否更新页面,改与不改自己看着办吧!
若要从模板更新当前文档,你可以选择「修改>模板>刷新当前页」。 如果要更新整个网站的模板或更新某个特定的模板附属的所有网页,请参考以下步骤:
1,选择「修改>模板>刷新页面」。 「更新页面」对话框出现。
2, 「更新页面」对话框很容易理解,需要说明的是在「查看」弹出式菜单中,你可以选择「整个站点」,然后从相邻的弹出式菜单中选择站点名称。也可以选择「文件使用」,然后从相邻的弹出式菜单中选择模板名称,这将更新当前站点中使用选定模板的所有页面。
3,确认无误后,点击「开始」就ok了。如果选取了「显示记录」选项,Dreamweaver将提供它试图更新的文件信息,包括是否成功更新的信息。很不错,是吧?
时间差不多了,我没有很系统的讲如何使用模板,仅侧重于如何建立和更新。谢谢您的观看,下一次我会把库文件给具体讲一下。(由于个人习惯问题,其中的网页和文档是同意的,可以互换,给您阅读造成的不便,敬请原谅!)

 

 

 

 

 

 


一种存放在整个Web站点中重复使用或频繁更新的页面元素。

举个例子来说明您为什么会使用库项目:你的公司要建立网站,但是目前有很多问题不能精确定义,比如导航条放多少内容,公司的联系方式,版权说明都不确定,这个时候,你
就可以用库来做一个样品,等到最终确定的时候,只需更改库文件,就可以更新整个站点的文档。

你可以用文档的body段中任何一个元素来创建库项目,包括文本,表格,表单,Java小程序,插件,ActiveX控件,导航条和图象等。

你可能会有疑问,如果我建立了一个库,那在别的文档中插入库文件会不会出现路径出错的问题,就像图片不能正常显示,超链接出错这类的问题。这一点你不用担心,
Dreamweaver的设计者不会忽视这个问题。对于链接项目如图象,库将只存储对该项目的一个引用。只要你不移动该图片的位置,只要让图片保存在指定的地方,就不会出现问题。

Dreamweaver在每个站点根目录下的Library文件夹中存放库项目,每个库项目都保存为独立文件(文件扩展名为.lbi)。每个站点都有自己的库,可以使用「资源」面板的「拷贝
到站点」命令将一个站点的库项目拷贝到另一个站点。我不建议你这么做,因为如果库项目包含链接,该链接在新站点中可能无法工作。还有就是库项目中的图象不会被复制到新
站点。

注意,库项目不能包含时间轴或者样式表,因为这些元素的代码是head段的一部分,而库是由body段中一些元素来创建的。文档head段中的元素都不能保存为库项目,而库项目只能包含body中的元素。

库可以包含行为,不过有一些特殊的要求。若要编辑库项目中的行为,你最好先将项目插入文档中,然后在文档中使该项目可编辑,在你做完所有的修改后,重建库项目,并使用
编辑后的库项目替代您文档中的相应项目。 要使文档中的项目可编辑,你可以在「属性」检查器中点击「从源文件分离」。

如果你要建设网站,多使用模板和库是很好的习惯,这将使你的站点更容易维护。本文没有讲对库文件的具体操作,因为库和模板的操作大同小异,你可以参考本人的另一篇文章 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值