首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>网站制作>DW>用DreamweaverMX实现网站批量更新
用DreamweaverMX实现网站批量更新
来源: 发布时间:2007-10-09 发布人: 浏览: 人次   字体: [ ]  
在Dreamweaver 4.0中,我们就已接触了模板与库的概念,知道它们是批量生成风格类似的网页的好工具。如今在Dreamweaver MX(以下简称DW MX)中,模板与库的功能得到了进一步细化与加强,尤其是实现关联网页自动更新的特点,使得模板与库成为DW MX的一大亮色。

    1、首先我们来看看模板的应用,与Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了“Modify”与“Insert”两个菜单下。同时,在 “File”选项的“Assert”子选项中也可以直接创建模板。

    2、找到“Assert”子选项,在左边的工具栏中单击“Templates”按钮,此时的模板为空,我们可以在右下角单击“New Template”按钮,一个空白的模板就会出现在面板中(如图1),点击模板名称,是模板进入可编辑状态。注意,此时的模板还没有任何添加任何元素,我们可以像编辑普通网页一样在模板上添加表格、图像、文字等。添加完后,保存模板,可以在默认站点文件夹的“Templates”子文件夹下找到刚才做好的模板,扩展名为.dwt。

 

    如果嫌这样麻烦,DW MX还提供了一种更直接的方法,编辑好要保存为模板的网页后,在“File”菜单中点击“Save as Templates”,即可生成模板。

    3、模板生成之后,还要建立可编辑区域,为将来填入不同的网页内容做准备。打开模板,单击菜单“Insert/Template Object/Editable Region”,出现可编辑区域对话框,指定区域名称后,可以看到模板中出现了蓝色的方框。 保存后就建立了可编辑区的模板。

    4、如何批量生成网页呢?单击菜单“File/New”,选择“Templates”选项,马上就可以看到建立生成的模板,单击“Create”按钮,模板就开始自动套用在网页上。这个时候我们可以看到,原来的模板区域是黄色,其中的元素已经固定,不能编辑,而我们刚刚指定的可编辑区域是蓝色,可以编辑。这样一来,不但大大简化了我们生成相似网页的工作量,而且有效地保证了网页风格的一致性。

    5、最后,就是关联网页批量更新,这是大型网站更新网页时必不可少的一项技术,在DW MX中可以轻易实现。因为我们所有的网页都套用了相同的模板,而且这些网页都被保存在同一个站点目录下,当我们要对所有网页的公共元素进行改动时,只需修改模板中的元素即可。

    打开“Templates”子选项,双击关联网页的模板,这时候模板进入了可编辑状态,黄色区域消失,改变了模板的内容后,保存时就会出现一个提示对话框:“下列网页使用了当前模板,是否进行更新?”(如图2)单击“Update”,此时,网站中所有基于模板创建的关联网页都将得到更新(如图3)。


图2


图3

 

    与模板类似,DW MX的库就显得更加灵活,在“Assert”选项卡上单击“Library”,打开库,暂时库中没有任何元素,我们把网页中要生成库的元素,如表格、图像,直接拖到库面板中即可(如下图)。


图4

 

    注意,库中的元素决不仅仅是图像或文字本身,而且还包含了网页中排列这些图像的代码。因此,我们也可以像模板中一样,在网页上添加相同的库元素,从而批量生产风格类似的网页。这时,我们只要在库面板中将元素拖回到新网页上即可,而相关的代码会自动复制到新网页上。

    而且,库元素也可以实现网站的批量更新,我们在库面板中单击库元素,使库进入可编辑状态(如图5),当改变了库元素并进行保存时,凡是使用了库元素的网页,会自动进行同步更新。


图5

 

    最后,对于自动更新还有一点补充:如果一个网页是应用了模板生成,然而自动更新时又想将它保持原状,不随着站点其余的网页一起更新,只需单击“Modify/Templates/Detach from Templates”,此时,这个网页就不再受到模板的约束,需要手动才能更新网页。


相 关 文 章   发布商链接
·Dreamweaver8制作网页中常用的过度效...
·Dreamweaver乱码问题分析及其解决方...
·用Dreamweaver制作模板并批量制作web...
·dreamweaver一些新的CSS相关使用特性...
·图解Dreamweaver CS4 Beta版的试用小...
·Dreamweaver设置单元格固定宽度及其b...
·DreamWaver制作的网页无法播放背景音...
·如何通过CSS控制页面元素精确定位下...
·用Dreamweaver制作网页时关于文字自...
·Dreamweaver实例:随机播放背景音乐
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·Dreamweaver设置单元格固定宽
·图解Dreamweaver CS4 Beta版...
·dreamweaver一些新的CSS相关...
·用Dreamweaver制作模板并批量
·Dreamweaver乱码问题分析及其
·Dreamweaver8制作网页中常用...
热 门 文 章
·用Dreamweaver制作模板并批量...
·DreamWaver制作的网页无法播...
·如何通过CSS控制页面元素精确...
·Dreamweaver实例:随机播放背...
·Dreamweaver设置单元格固定宽...
·Dreamweaver网页制作技巧:使...
·Dreamweaver8制作网页中常用...
·Dreamweaver乱码问题分析及其...
·用Dreamweaver制作网页时关于...
·利用Dreamweaver快速批处理图...
·dreamweaver一些新的CSS相关...
·图解Dreamweaver CS4 Beta版...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .