当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 网站更新短平快

Dreamweaver
用代码“写”出扫描线效果图片
DHTML实例解析:用HTC统一定制表单样式
网页瘦身小技巧---“分割大法”
简单实用的网页表格特效
巧用样式表,让文本框与按钮变个样
网页工作原理
网页图片特效小技巧
如何防止及消除垃圾代码的产生
提高页面显示速度的秘技
用DW MX制作导航下拉菜单
Dreamweaver MX应用表格排序
Dreamweaver查找替换的技巧
用DreamWeaver定制网站的颜色
Dreamweaver MX进阶教程(七)创建基于框架的网页
Dreamweaver MX进阶教程(九)使用用于框架的“行为”
Dreamweaver MX进阶教程(八) 操作框架
Dreamweaver MX进阶教程(十)制作居中的网页
Dreamweaver MX进阶教程(十六)制作可拖动表格
Dreamweaver MX进阶教程(二十一)制作虚线
Dreamweaver MX进阶教程(十三)在Dreamweaver 中使用上标和下标

Dreamweaver 中的 网站更新短平快


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 36 ::
收藏到网摘: n/a

    我们在建立一个大型网站的时候,往往会包括很多相同的页面框架模式,甚至一些细节元素都是相同的。但令人困扰的是,在更新它们时颇需要费些周折,要反复更新每一幅页面中的元素。不过现在我们可以对这种陈旧的工作方式说再见了,因为DW引入了“库”这个概念,我们可以利用它来批量地更新网站中相同的元素,大至整个页面框架,小至一个字符。

  库的引入在DW3中还不很完善,但在DW4中已经十分完美了。下面就让我们来看一下如何利用库来更新站点:

  一、库文件的建立

  建立库文件有两种方法:

  1. 在编辑状态下选定一个元素,然后打开库面板(按下F11键,然后在弹开的Assets面板中选择图标为翻开的书本模样的标识),按下。DW会自动建立一个后缀名为“.LIB”的文件,将该元素读到这个文件中,同时会在本地站点中建立一个“Library”文件夹。这说明了每一个库文件都是独立的,当我们上传本地站点到远程中时,要将该文件一并上传。

  2. 打开库面板,在白色的文件记录区域点击右键,选择弹开的列表中的New Library Item(新的库项目),建立一个空白的库文件,然后双击打开进行编辑。
第一种方法适用于文本\图像\链接等小元素的库文件建立;第二种方法适用于大规模的整篇幅地建立库文件。绝大多数情况下,大规模地建立库文件都是和模板一起配合使用的。

  二、库文件的应用与编辑

  首先,我们建立了一些简单的库文件,其中包括链接(Link1)、图像(Image1)和表格(Table1),它们每一个都可以被理解为一个单一的元素。要插入到编辑区使用,只需从库面板中直接拖拽它们到需要的地方就可以了。
注意:插入的库文件为锁定状态。它们的显示方式是淡黄色。选定一个库文件查看代码,你会发现标签“<!-- #BeginLibraryItem "/Library/image1.lbi" -->***<!-- #EndLibraryItem -->”代表了一个完整的库文件。你可以更改标签的位置,但不要删除它们,否则该库文件就被破坏而返回到纯编辑状态。

  编辑库文件的方法有两种:

  1. 在库面板文件记录区中双击某个库文件进入编辑状态。

  2. 选定一个库文件,点击右键在弹开的列表中选择Open Library Item(打开库项目)进入编辑状态。

  当我们编辑完成并保存库文件后,正在使用该文件的编辑状态的页面会自动更新。如果有的非编辑状态的页面也使用了该库文件,那么DW会自动弹出一个提示框,询问是否同步更新本地站点内所有使用该文件的页面。这个功能是使用库文件的最大优点。我们制作完成站点以后将所有文件连同库文件夹一并上传到远程服务器中,当我们在连接远程站点的状态下更改某个库文件时,同样的会得到DW的提示,询问是否同步更新全部站点中使用了该库文件的所有页面。点击“OK”,远程站点中的文件便得到了更新,完全不需要一点一点地反复更新每一个文件。

  到这里为止,我们对库的使用已有了一个大概的了解。至于该功能的熟练使用就要靠自己多动手了,相信该功能会给大家的站点更新工作带来极大的方便。