您好,欢迎来到素彩网!

基础(20)使用Dreamweaver CS3文件库功能快速更新网站

来源:sc115.com | 83 次浏览 | 2011-07-29

标签: Dreamweaver cs3 基础使用Dreamweaver CS3文件库功能快速

往往我们在建立一个较为大型的网站的时候会有很多的副页面框架模式甚至一些小的细节元素都是相同的,但是令人困扰的是在更新它们时却要费些周折,要一遍遍的反复更新每一个页面中的元素。现在我们可以对那个时代说再见了,因为DW引入了"库"这个概念。我们可以利用它来批量的更新网站中相同的元素。大至整个页面框架,小至一个字符!
库的引入在DW3中还不很完善,但在DW4以近完美。下面就让我们来看一下如何利用库来更新站点:

一、库文件的建立
建立库文件有两种方法,一是在编辑状态下选定一个元素,然后打开库面板(F11键-在弹开的Assets中选择图标为翻开的书本样的标识)按下。那么DW就会自动的建立一个后缀名为".LIB"的文件将该元素读到这个文件当中,同时会在本地站点中建立一个"Library"文件夹。它代表了每一个库文件都是独立的,当我们上传本地站点到远程服务器中时,要将该文件一并上传;第二种方法是打开库面板,在白色的文件记录区域点击右键,选择弹开的列表中的New Library Item(新的库项目),建立一个空白的库文件,然后双击打开进行编辑。第一种方法适用于文本\图像\链接等小元素的库文件建立。第二种方法适用于大规模的整篇幅的库文件的建立,绝大多数情况下,大规模库文件的建立都是和模板配合使用的。

二、库文件的应用与编辑
我们建立了一些简单的库文件,其中包括连接\图像\表格。它们每一个都可以被理解为一个单一的元素插入到编辑区使用,只要从库面板中直接拖拽它们到需要的地方就可以了。需要注重的是,插入的库文件是锁定状态的。它们的显示方式是淡黄色的。选定一个库文件查看代码,你会发现如下的标签"***"这代表了一个完整的库文件,有开始有结束。你可以更改标签的位置,但不要删除它们,那样的话该库文件就被破坏而返回到纯编辑状态。
编辑库文件的方法有两种,一是在库面板文件记录区中双击某个库文件进入编辑状态。二是选定一个库文件点击右键在弹开的列表中选择Open Library Item(打开库项目)进入编辑状态。当我们编辑完成并保存库文件后,处于编辑状态下的正在使用该文件的页面会自动更新。假如有其他的非编辑状态的页面也使用了该库文件,那么DW会自动的弹出一个提示框。


询问是否同步更新本地站点内所有使用该文件的页面。这个功能也就是库文件的最大优点。我们制作完成站点以后将所有文件连同库文件夹一并上传到远程服务器中,那么当我们在连接远程站点的状态下更改某个库文件时,同样的会得到DW的提示。


询问是否同步更新全部站点中使用了该库文件的所有页面。点击ok键,远程站点中的文件便得到了更新,完全不需要一点点的反复更新每一个文件。

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

搜索: Dreamweaver cs3 基础使用Dreamweaver CS3文件库功能快速 

最热-Dreamweaver CS3

基础(29)深入了解Dreamweaver CS3中的内置Fireworks功能

基础(30)教您如何处理Deamweaver CS3中CSS应用无效的问题

基础(31)教您深入了解新的 Dreamweaver CS3 CSS 布局

基础(32)用Dreamweaver CS3打造下拉菜单

使用Dreamweaver管理Contribute站点

使用Dreamweaver清理Word的HTML文件

设置Dreamweaver站点文件FTP传输首选参数

Dreamweaver站点测试指南

使用Dreamweaver报告测试站点

在Dreamweaver中创建和管理收藏资源列表

将可视化助理与非 CSS 布局块元素一起使用

在Dreamweaver中集成ps、Flash和Fireworks

素材
精美实用的提示框矢量图7精美实用的提示框矢量图7
精美实用的提示框矢量图6精美实用的提示框矢量图6
折纸网站设计矢量图5折纸网站设计矢量图5
精美实用的提示框05—矢量图精美实用的提示框05—矢量图
精美实用的提示框矢量图4精美实用的提示框矢量图4
折纸网站设计矢量图4折纸网站设计矢量图4
精美实用的提示框矢量图3精美实用的提示框矢量图3
精美实用的提示框矢量图2精美实用的提示框矢量图2
精美实用的提示框矢量图精美实用的提示框矢量图