您好,欢迎来到素彩网!

DREAMWEAVER3.0中重复元素的使用

来源:sc115.com | 86 次浏览 | 2011-06-29

标签: Dreamweaver DREAMWEAVER3.0中重复元素的使用 Dreamweaver综合教程

许多网站中有一些网页具有大量相同的元素结构,比如网页顶端的标题、导航条等等,如果在制作相关网页内容时,对于这种重复出现的元素“不厌其烦”地手动编辑,则不仅显得繁琐,而且极易出错。在DreamWeaver3.0中,可以将这些重复元素事先用某种方法在一个特殊文件中一次性地编辑好,然后在要用到这些元素的网页中“引进”这些元素即可,而不是在每个网页中做重复劳动。这有点像一些使用资源文件的应用程序——特殊文件就是资源,而网页则相当于应用程序。应用这种方法除了可以大大降低出错的机会外,还有一个明显的优点:修改这些重复元素时,只需在包含重复元素的“特殊文件”中编辑一次就可以了。

  DreamWeaver3.0中对于这种重复元素的“一次性定义”有两种方法,定义重复元素库和使用模板。

  一:重复元素库

  DreamWeaver3.0中的重复元素可以包括图片、文本、表格、各种插件、Java小程序和ActiveX控件等。

  1:创建重复元素库

  要将网页上的某个元素,比如一张图片放进重复元素库,可以在选定这个元素的前提下,单击Modify菜单,选择Library子菜单下的AddObjecttoLibrary菜单项,打开LibraryforSiteXX窗口(XX是站点名),这时你将发现你选定的元素已经以类似UntitleX为名字的形式“登记”在重复元素库中了。重复元素库内有三个“成员”,鼠标右击任一重复元素,出现一个快捷菜单,你可以利用菜单中的一些菜单项对这个元素作删除、重名等操作。

  重复元素库中的重复元素都存放在当前站点根目录下的Library文件夹内,你可以在DreamWeaver3.0的站点管理器或WIN的资源管理器中看到它们。

  2:提取重复元素库中的元素

  定义重复元素库是为了使用其中的元素,单击Window菜单,选择Library菜单项,打开重复元素库窗口,选中一个你需要在网页中插入的元素,单击窗口左下角的Insert按钮,或干脆将选中的元素用鼠标拖进网页内,这样就可以把重复元素库中的元素插进网页之中。

  3:编辑重复元素库中的元素

  如果一个网页使用了重复元素库中的元素,那么在此网页中,这个元素将以黄色高亮显示,并且是不可编辑的。要想编辑这个元素,则需回到重复元素库窗口,选中这个元素,单击窗口右下角的第二个OpenLibraryItem按钮,DreamWeaver3.0将打开一个包含该元素源文件的窗口,供用户编辑,编辑完成后要将改动保存,此时DreamWeaver3.0会弹出一个UpdateLibraryItems窗口,窗口列表中列出了网站中使用当前元素的网页,选定要刷新的网页,单击Update按钮,则选定的网页将自动刷新网页中的这个重复元素,然后DreamWeaver3.0将给出一个消息框,告知已被刷新的文档的数量等信息。

  4:重复元素的属性

  如果你在网页上打开从重复元素库中插入的元素的属性框,会发现这个属性框与不是来自于重复元素库中的同类元素有点儿不同——可供编辑的属性少了很多。Src字段显示这个重复元素来自于重复元素库中的哪个文件;单击Open按钮将打开重复元素库中的相应元素供用户编辑;如果你想将网页上的来自于重复元素库中的元素与库元素断开联系,则可以单击DetachFormOriginal按钮,这样一来就可以直接在网页中编辑该元素了,但你对这个元素所作的改动将不会被反映到重复元素库中;最后的Recreate按钮很有用:假设你不小心误删了重复元素库中的一个元素,但包含这个元素的网页还在,那么你可以进入这个网页,找到这个元素,打开它的属性框,单击Recreate按钮,则DreamWeaver3.0将在重复元素库中重建此元素。

  二:模板

  在很大程度上,模板和重复元素库有着相似的功用,比如它们都提供了一个重复元素的使用方案,但两者的侧重点又有所不同。重复元素库适合那些需要使用单一元素的场合,比如一张图片、一个字符串,等等,而模板的使用单位则是网页,如果一个站点有大量的网页有相同的结构,那么这个站点就应该定义一个模板。

  1:建立模板

  如果想建立一个空白模板,可以这样做:单击Window菜单,选择Templates菜单项,打开Templates窗口,在窗口的空白处单击鼠标右键,弹出快捷菜单,选择NewTemplate,则DreamWeaver3.0将建立一个空白模板,双击这个模板名,可以打开空白模板窗口;如果想将一个普通网页保存为模板,则可以选择File菜单下的SaveasTemplate菜单项。所有的模板文件(dwt文件)都被保存在当前站点根目录下的Templates文件夹内。

  2:应用模板

  选择File菜单下的NewfromTemplate菜单项,弹出一个SelectTemplate对话框,在Site下拉式列表框内选择一个站点,在其下的列表框中显示的是这个站点内的模板文件,选择一个模板文件即可。

  3:编辑模板文件

  创建模板文件时,如果不做特别声明,则模板中的所有元素都是不可编辑的,也就是说,当这个模板被其它网页套用后,网页中来自于模板的元素都不允许编辑,这显然不符合我们使用模板的初衷,因为我们希望模板中能够“保留”一些编辑块,这些编辑块在网页中出现的位置应该一样,但其中的内容则应根据不同的网页作相应的改动——这就意味着模板中的这些“编辑块”要被定义成“可编辑”的,假设我们要将模板中的字符串“在此放置文本”定义成可编辑的,则可以在选定字符串的前提下,选择Modify菜单,单击Templates菜单项下的MarkSelectionasEditable,在弹出的NewEditableRegion对话框中为所选的编辑块指定一个名字,这样模板中的这个编辑块将会以蓝色高亮显示,表示这个字符串是“可编辑”的,以后用户可以在套用这个模板的网页的“在此放置文本”处键入别的文本。如果想把模板中已定义成可编辑区域改回不可编辑区域,则可以访问菜单ModifyTemplatesUnmarkEditableRegion。

  4:刷新使用模板的网页

  如果一个模板的内容改变了,则大多数情况下,我们希望使用该模板的网页也做相应的改变——这就需要对网页做一次刷新工作,如果使用模板的网页处在打开状态,则保存修改后的模板时,DreamWeaver3.0会自动完成刷新工作;如果保存修改后的模板时与该模板有关联的网页没有被装入内存,则DreamWeaver3.0会弹出一个UpdateTemplateFiles对话框,内中列出了使用该模板的网页,选择要刷新的网页,按Update按钮即可。

搜索: Dreamweaver DREAMWEAVER3.0中重复元素的使用 Dreamweaver综合教程 

最热-Dreamweaver综合教程

DreamWeaver表格妙用-线框打造详解(一)

Dreamweaver 4.0,让我欢喜让我忧

Dreamweaver 2.0全接触

Dreamweaver 4.0密技

Micromedia Dreamweaver UltraDev 安装及使用教程(三)

利用DW插件改变IE浏览器滚动条(下)

网站更新短平快

层的应用及其定位(二)

用DREAMWAVER3.0打造网页的实例

轻松解决DW4的问题

Dreamweaver 4快速使用教程

Micromedia Dreamweaver UltraDev 安装及使用教程(二)

DW中如何使用Library

素材
多种冰激凌和蛋糕PNG图标多种冰激凌和蛋糕PNG图标
精美蔬菜高清图片4精美蔬菜高清图片4
精美蔬菜高清图片2精美蔬菜高清图片2
精美蔬菜高清图片3精美蔬菜高清图片3
精美蔬菜高清图片1精美蔬菜高清图片1
景观效果图素材景观效果图素材
景观效果图素材景观效果图素材
手机高清图片手机高清图片
景观效果图素材景观效果图素材