用Dreamweaver MX实现网站批量更新

dreamweaver

    在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”,此时,这个网页就不再受到模板的约束,需要手动才能更新网页。

时间: 2024-12-31 09:01:01

用Dreamweaver MX实现网站批量更新的相关文章

如何用Dreamweaver实现网站批量更新

在Dreamweaver 4.0中,我们就已接触了模板与库的概念,知道它们是批量生成风格类似的网页的好工具.如今在Dreamweaver MX(以下简称DW MX)中,模板与库的功能得到了进一步细化与加强,尤其是实现关联网页自动更新的特点,使得模板与库成为DW MX的一大亮色. 1.首先我们来看看模板的应用,与Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了"Modify"与"Insert"两个菜单下.同时,在 "File"

DreamweaverMX实现网站批量更新

dreamweaver 在Dreamweaver 4.0中,我们就已接触了模板与库的概念,知道它们是批量生成风格类似的网页的好工具.如今在Dreamweaver MX(以下简称DW MX)中,模板与库的功能得到了进一步细化与加强,尤其是实现关联网页自动更新的特点,使得模板与库成为DW MX的一大亮色. 1.首先我们来看看模板的应用,与Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了"Modify"与"Insert"两个菜单下.同时,在 &quo

Dreamweaver MX制作网站个性图标

  具体操作步骤: 1.如果想在整个网站所有网页的地址栏上都显示出自己的个性小图标,只需要将图标文件命名为 favicon.ico ,然后将该图标文件放置在网站服务器中的网站根目录下就可以了. 注意:使用此方法时一定要将图标文件命名为 favicon.ico ,并将其放置在网站根目录下. 2.输入链接代码.如果读者只想在一个页面上放置个性图标或者在不同网页上放置不同的图标,那么就需要在网页 ( HTML 文件头标签)中输入链接代码了,如图 33-3 所示. 注意:代码中链接图标的 URL 必需是

Dreamweaver MX制作网站个性图标技巧

 1.如果想在整个网站所有网页的地址栏上都显示出自己的个性小图标,只需要将图标文件命名为 favicon.ico ,然后将该图标文件放置在网站服务器中的网站根目录下就可以了.   注意:使用此方法时一定要将图标文件命名为 favicon.ico ,并将其放置在网站根目录下. 2.输入链接代码.如果读者只想在一个页面上放置个性图标或者在不同网页上放置不同的图标,那么就需要在网页 <head> ( HTML 文件头标签)中输入链接代码了,如图 33-3 所示.     注意:代码中链接图标的 UR

dreamweaver-PHP+Dreamweaver开发动态网站遇到的问题“服务器行为”--“更新记录”命令不能完成

问题描述 PHP+Dreamweaver开发动态网站遇到的问题"服务器行为"--"更新记录"命令不能完成 我用的是Apache2.4.10 php-5.6.5 mysql-5.6.22DreamweaverCS6.按书本上一步步操作,操作到"服务器行为"---"更新记录"不能完成.会出现如附图所示界面,而书本上"列"后面的方框中显示的文字是: 'ID'使用'FORM.ID'作为'整数'来选择记录 'name

Dreamweaver MX 2004从零开始(1)

dreamweaver 随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中.现在,拥有自己的Web网站已经成为一种潮流.虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家准备了最新网站设计软件Dreamweaver MX 2004的系列教程,希望对大家有所帮助. 通常在一个网站中会有几十甚至几百个风格基本相似的页面,如果每次都重新设定网页结构以及相同栏目下的导航条.各类图标就显得非常麻烦,不过我们可以借助Dreamweaver

Dreamweaver MX 2004从零开始(7)

dreamweaver 前面已经介绍了关于Dreamweaver MX 2004的基本操作方法,灵活运用这些方法就可以组建出一个精美的网站了.完成了这些操作之后,我们在网上安家的历程可以说已经走了一大半,剩下的就是将网页上传到站点以及页面的后期维护更新操作了.其实这些任务并不复杂,只要我们通过Dreamweaver MX 2004内置的站点管理功能就可以很轻松地实现! 定制站点 首先我们要在Internet上找到一些用于存放主页的空间,之后我们就可以在Dreamweaver MX 2004中对这

提高工作效率!使用Dreamweaver模板构建网站

dreamweaver|模板 本文选自4u2v工作室编写的<Dreamweaver网页设计与制作100例>(人民邮电出版社出版,ISBN: 7115142394 ).未经著作权所有者书面授权许可,禁止转载本文. 购买地址:点击访问 网站内页的设计大部分是一致的,当制作完许多内页后,如果想要更新网站,一个一个文件地修改显然十分麻烦.其实只要引用模板,就可以轻松构建和更新网站. 效果说明 先制作一个简单的页面,并将其制作成模板,然后以模板新建页面,随意输入内容.再次打开,并更新模板,页面也会随之更

Dreamweaver MX实例:Flash个性播放界面制作

前大部分 Flash 播放器都是在 Flash 软件中制作完成的,虽然用户可以利用 Flash 提供的播放器模板轻松制作播放器,但是对于大型 Flash 网站来说,这种方法显然不能满足其更新数据的要求.要想解决这个问题,就需要制作一个网页播放器模板,这样在插入 Flash 之后,便可以实现对 Flash 的播放控制了. 效果说明 打开网页时,会出现类似 Flash 播放器的界面,该界面有 4 个按钮,分别是"播放"."暂停"."快进"和"