dreamweaver的库和模板的应用有何区别

作者&投稿:诸承 (若有异议请与网页底部的电邮联系)
DW的模板(Template)与库(Library)有何区别?~

库和模板的应用能大大提高网站维护的效率,因为更新库和模板时,能使所有应用该库和模板的页面同时自动更新。二者在商业站点中应用及其广泛。如果多个页面中用到许多相同的内容(例如每页的导航区等),则可将相同的部分做成一个网页,并保存为模板(File-Save as Templates),再在不同页面中使用不同内容的部位建立可编辑区(Modify-Templates-NewEditable area),可建多个,给出不同的名字。DW自动建立/Templates子目录,模板文件名以".dwt"为扩展名。
如果许多页面中要用到相同的部件,如网站图标,固定的导航条等,可将其拖到库面板中变成库项目,当其它页面要用时再从库面板中
拖到页面中,当更新库项目时,DW会问你是否更新所有应用该库项目的页面。模板和库,在本质上差异不大。模板针对的是页面大框架的、整体上的控制,其文件目录在/Templates/。

模板只别人设计制作好的html文件,也可能包括psd文件,可以直接拿过来用,修改一下,变成你自己的东西,如果是DW里的模版的话,那就是你制作好的一个html页面,设置成模板后,可以直接在其他有相同内容的页面里进行调用,这样做的好处是,修改一个模板文件,然后所有调用过此模版的文件都可以修改过来.库的定义一般是:资料库 资源库 素材库,就是你平时积累的素材,可以放到固定的,自己定义的库里去,下次用的时候很方便的就能找到,比如你有个图片的素材库,库可以在软件里进行操作,是个单独的文件集合.比如flash里的库,就是放一些图片素材,元件,影片剪辑之类的东西.

一、模板

做一个网站,有时候很重要的一点就是整个网站的风格要统一。一些网页的版式都是相同的。
其中标题和下面的一排按钮,还有表格的编排方式,还有里面已经制作好的9磅CSS样式,这些风格都是固定的。新作一张网页上面这些都不变,而只要替换文字和一些图片就行了。按照我们的习惯方法是重新做一张,经过漫长和痛苦的等待,终于做成了和前面一模一样的网页。这时发现还有N张网页也要同样制作。

这时候,我们就需要用到模板,他可以将网页中不变的元素固定下来,然后用来应用到其他的网页上去。这样我们只要修改相应的部分就可以了无需再痛苦万分的一切重来了。模板可以由一个网页来生成。制作过程如下:

1、 制作好一个页面。

上面凡是不需要变化的元素都统一在图上做好了。

2、 选择菜单File→Save As Template(另存为模板)。

系统弹出对话框。在Save As文本框中填写模板名字,按Save。
3、 如果仔细观察标题栏的话会发现标题栏上已经发生了变化。<>表示现在编辑的是模板了。模板的扩展名也是.dwt。
4、 接下来我们要做的一个重要工作就是设置可编辑区域。如果现在直接存盘的话,这个模板生成的页面是无法进行内容修改的。因为没有指定什么地方是可以修改的。只有设置了可编辑区域,我们以后编辑网页的时候才能够对网页进行修改。在这个例子中,三个表格中的单元格是要可以替换内容的。因此就对这三个单元格设置可编辑区域。在一个单元格中单击。选择菜单Modify→Templates→New Editable Region(新可编辑区域)。在系统弹出的对话框中填入可编辑区域名称。按OK。在页面中就生成了一个{}包围的可编辑区域的标记。
5、 同样制作其他两个单元格为可编辑区域。

6、 保存模板,系统弹出提示框,“对模板进行了修改,保存后是否自动更新所有应用改模板的网页”。选择是,系统会进行搜索,并报告搜索结果。确认即可。一个模板就做好了。

如何应用一个模板到页面呢?

1、 新建一个空白页面。

2、 选择菜单window→Templates打开模板面板。单击做好的模板。按面板上的Apply按钮即可。
3、 其中,页面中的黄色部分就是模板的不可编辑区域。将页面中{}包含的部分删去。填上相应的内容。一个页面就做好了。

由此可见模板有很多的好处。1、可以生成大批的风格相近的网页。2、一旦模板修改了,就修改了一批网页。模板修改完毕存盘时,会跳出一个对话框提示是否要把修改的模板重新应用到网页上去。选择Update按钮,就把模板全部重新应用了这样的话,修改了一个页面就修改了整个网站的页面。是大大提高效率的。要编辑模板只要在模板面板中双击模板即可。

有的时候我们制作了一个应用模板的网页。但是我们想对网页的不可编辑区域进行修改的话,需要把模板和网页进行分离。在网页中选择菜单Modify→Template→Detach From Template分离模板即可。这时就和一般的网页一样可以自由编辑了。

二、库

和模板有异曲同工之妙的就是库。模板可以用来制作整体网页的重复部分。库就是面向网页局部重复部分的。例如,在某些页面上要写上 XXXX版权所有,欢迎mail我之类的话。每次重复输入这些东西是让人恼火的。我们可以把这些东东做成库部件。以后重复使用。制作方法:我们以制作版权信息为例。

1、 输入文字和信息

2、 选择菜单window→Library打开库面板。选中文字。拖拽进入面板,命名即可。图中黄色部分即为库部件。已经变为整体了。

以后要插入库部件的时候,只要在库面板中单击改部件,选择Insert按钮就可以完成部件插入。编辑部件只要在面板中双击部件就可以了。同样修改了一个部件,系统会提示是否重新应用到所有使用库部件的页面。按Update按钮即可完成。大家可以注意到,一旦使用了库和模板之后。在站点根目录下就多了两个目录。Templates目录为模板目录,所有扩展名为dwt的模板都存放在里面。Library目录为库目录,库部件扩展名为.lbi。

Dreamweaver教程我们已基本讲解完成,我们将在以后的文章中继续深入了解Dreamweaver的一些技巧操作。也由衷地希望你能编制出更为漂亮的网页,记得让我们与你共同分享噢!如果你需要帮助的话,请你与我们保持联系。

三、Dnawo注:代码中如何区别模板与库?

模板的代码形如:
<!-- InstanceBegin template="/Templates/xxx.dwt" codeOutsideHTMLIsLocked="false" -->
<!-- InstanceBeginEditable name="edit1" --><!-- InstanceEndEditable -->
<!-- InstanceEnd -->

库的代码形如:
<!-- #BeginLibraryItem "/Library/xxx.lbi" --><!-- #EndLibraryItem -->

简单点
模板是保持页面风格的统一,属于整体
库 是局部元素的统一,其实就是为了修改起来简单,方便。


石拐区15852548839: dreamweaver中的资源、库、模板简介 -
靳纪来氟: 库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素(如图像、文本和其他对象)的方法.这些元素称为库项目. 使用库的意义:很多网页设计师讨厌频繁的改动网站,使用Dreamweaver的库,可以很好的解决这个问题!如果...

石拐区15852548839: Dreamweaver的库和模板的应用有何区别? -
靳纪来氟: 一、模板 做一个网站,有时候很重要的一点就是整个网站的风格要统一.一些网页的版式都是相同的. 其中标题和下面的一排按钮,还有表格的编排方式,还有里面已经制作好的9磅CSS样式,这些风格都是固定的.新作一张网页上面这些都不...

石拐区15852548839: Dreamweaver模板的作用 -
靳纪来氟: 使用模板可以控制大的设计区域,以及重复使用完整的布局.如果要重复使用个别设计元素,如站点的版权信息或徽标,可以创建库项目. 使用模板可以一次更新多个页面.从模板创建的文档与该模板保持连接状态(除非您以后分离该文档)....

石拐区15852548839: dreamweaver请说出模板和库设计网页的一般步骤? -
靳纪来氟: 那就看你会什么了,如果会代码那就是新建html文件--切图--写代码.如果什么都不会那说了也是白说,估计你也就是会用设计视图和dw的功能实现了,但是这也不是一两句能说清楚的.

石拐区15852548839: Dreamweaver给网站更新时,如何使用模板及库文件,实现每个页面更新 -
靳纪来氟: DW可以设置站点,站点里的某个页面可以设置为模板,以后统一用这个模板的页面,可以通过模板页新建页面.库文件是指libraly文件夹吧,模板文件(.lib结尾的)是放在这个文件夹里的.

石拐区15852548839: 在Dreamweaver中库面板的作用 -
靳纪来氟: 利用库面板及其快捷菜单,可以完成创建、删除、修改库项目,给库项目换名,把库项目添加到页面,用库项目更新站点或页面等任务. 例如,要把库项目添加到页面,可以有以下3种操作方法: 从库面板列表中选择并拖曳库项目到文档中. 从库面板列表中选取库项目,然后从快捷菜单中选择 Add to Page. 从库面板列表中选取库项目,然后单击插入按钮. 打开库项目进行修改也有3种操作方法: 在库面板列表中,右击要打开的库项目,然后从快捷菜单上选择Open. 在库面板列表上,双击要打开的库项目. 在库面板列表中选取库项目,然后单击打开按钮.

石拐区15852548839: Dreamweaver 怎样套用模板和整站程序
靳纪来氟: 一、套用模板方法如下: (1)在做好的首页或者在别的页面中选择菜单“ 修改”|指向“模板”向右,单击“套用模板到页”,如图43 图 43 套用模板到页 (2)在弹出的对话框中,鼠标选择我们在实例中创建的020模板,并单击"选定"按钮...

石拐区15852548839: 怎样在dreamweaver中添加模板 -
靳纪来氟: 先做好你想作为模板的那张网页文件- “另存为模板”要用的时候文件-新建 -模板这时你的模板还不可以编辑在模板那张网页在你以后要编辑的地方画好框点框 -插入 -模板对象 -可编辑区域如果...

石拐区15852548839: Dreamweaver中的 库元素有什么作用呢 ??? -
靳纪来氟: 库被设计用来使重复性的工作更快、更容易并尽可能地无差错. 任何网页中的元素,无论文本还是图形均可以指定为库元素. 库元素可以用来放置在同一个站点内的任何页面中,而不需要重新输入文本或插入图片等. 可以在任何时候修改库文件.编辑完成,保存,DW会同时更新所有应用的网页.可以指定更新一个页面还是全部网站. 库元素可以被转换回非库元素.可以从一个站点复制到另一个站点.

石拐区15852548839: 如何制作Fireworks库文件?
靳纪来氟: Fireworks2.0 提供了将图形直接输出并保存到本地库中的功能. 在输出对话框中使... 其他用户可以通过 Dreamweaver 的库模板来访问. 创建过程如下: 1、在...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网