DreamweaverMX实现网站批量更新
作者:中国电脑教育报 发布时间:2007-07-18 08:53:19
在Dreamweaver 4.0中,我们就已接触了模板与库的概念,知道它们是批量生成风格类似的网页的好工具。如今在Dreamweaver MX(以下简称DW MX)中,模板与库的功能得到了进一步细化与加强,尤其是实现关联网页自动更新的特点,使得模板与库成为DW MX的一大亮色。
1、首先我们来看看模板的应用,与Dreamweaver 4.0不同的是,DW MX把模板的操作拓展到了“Modify”与“Insert”两个菜单下,同时,在“File”选项的“Assert”子选项中也可以直接创建模板。
图1
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中可以轻易实现。因为我们所有的网页都套用了相同的模板,而且这些网页都被保存在同一个站点目录下,当我们要对所有网页的公共元素进行改动时,只需修改模板中的元素即可。
图2
打开“Templates”子选项,双击关联网页的模板,这时候模板进入了可编辑状态,黄色区域消失,改变的模板的内容后,保存时就会出现一个提示对话框:“下列网页使用了当前模板,是否进行更新?”(如图2)单击“Update”,此时,网站中所有基于模板创建的关联网页都将得到更新(如图3)。
图3
与模板类似,DW MX的库就显得更加灵活,在“Assert”选项卡上单击“Library”,打开库,暂时库中没有任何元素,我们把网页中要生成库的元素,如表格、图像,直接拖到库面板中即可(如图4)。
图4
注意,库中的元素决不仅仅是图像或文字本身,而且还包含了网页中排列这些图像的代码。因此,我们也可以像模板中一样,在网页上添加相同的库元素,从而批量生产风格类似的网页。这时,我们只要在库面板中将元素拖回到新网页上即可,而相关的代码会自动复制到新网页上。
图5
而且,库元素也可以实现网站的批量更新,我们在库面板中单击库元素,使库进入可编辑状态(如图5),当改变了库元素并进行保存时,凡是使用了库元素的网页,会自动进行同步更新。
最后,对于自动更新还有一点补充:如果一个网页是应用了模板生成,然而自动更新时又想将它保持原状,不随着站点其余的网页一起更新,只需单击“Modify/Templates/Detach from Templates”,此时,这个网页就不再受到模板的约束,需要手动才能更新网页。


猜你喜欢
- #!/usr/bin/env python# -*- coding:utf-8-*-# file: {NAME}.py# @author:
- 导语亲爱的小可爱们,大家好! 欢迎来到木子的游戏编程空间经常听到有朋友说,学习编程是一件非常枯燥无味的事情。其实,大家有没有认真想过,可能是
- 这个工具是使用Python开发,可以从下面地址了解详情。官网: https://pypi.org/project/webssh/webssh
- 多表查询分类分类1:等值连接 vs 非等值连接1. 等值连接SELECT employees.employee_id, employees.
- 完成了UI,我们就需要对数据进行处理了。在开始“数据”的本地存储之前,我们先来了解一下client-side database storag
- 基于python opencv人脸识别的签到系统前言先看下效果实现的功能开始准备页面的构建功能实现代码部分总结前言一个基于opencv人脸识
- jQuery.sheet 是一个用于创建 Web 电子表格的 jQuery插件,其功能及界面风格和微软的 Excel 非常相似,使得用户不至
- 本文实例讲述了JS实现仿新浪微博发布内容为空时提示功能。分享给大家供大家参考。具体如下:这里使用JavaScript模拟新浪微博的一个功能,
- 1. 背景golang 原生 json 包,在处理 json 对象的字段的时候,是需要严格匹配类型的。但是,实际上,当我们与一些老系统或者脚
- BluePrint是一个非常成熟也非常流行的CSS框架,很多网站和wordpress基于Blueprint搭建前端结构。最近,bluepri
- 前言本项目是使用了谷歌开源的框架mediapipe,里面有非常多的模型提供给我们使用,例如面部检测,身体检测,手部检测等。原理首先先进行手部
- 思路改进原博主文章(Python GUI–Tkinter简单实现个性签名设计)的代码,原先的代码是基于Python2的,我这份代码基于Pyt
- 分页一般和表格一起用,分页链接作为表格的一部分,将分页链接封装成一个独立的组件,然后作为子组件嵌入到表格组件中,这样比较合理。效果:代码:1
- 本文细致的为大家分享了Bootstrap轮播插件简单实例,供大家参考,具体内容如下使用Bootstrap的轮播插件可以向站点添加滑块,内容可
- 什么是转义字符在 HTML 中 <、>、& 等字符有特殊含义(<,> 用于标签中,& 用于转义),他
- 本文实例讲述了MySQL 多表关联一对多查询实现取最新一条数据的方法。分享给大家供大家参考,具体如下:MySQL 多表关联一对多查询取最新的
- 正在看的ORACLE教程是:Oracle9iPL/SQL编程的经验小结。平时在PL/SQL中的编程中遇到一些问题,这里以问答的形式来进行把它
- numpy.where (condition[, x, y])numpy.where() 有两种用法:1. np.where(conditi
- 使用apidoc管理RESTful风格Flask项目接口文档方法apidoc项目地址flask扩展包地址文档示例地址1.安装nodejssu
- 名片管理系统一、思路1、定义名片操作选项2、把增加的名片信息存储到字典中3、所有名片信息存储到列表4、对于误操作给出提示二、用到的知识点1、