如何使用DREAMWEAVER软件节约网页制作时间


从事INTERNET行业的人都知道,网络出版和印刷出版最大的区别不是颜色、图象大小、或者动画,而是速度。所指的速度不仅仅指下载网页的速度,更多地还指网页制作(从创意到实现)的速度,以及客户所要求的网页更新的速度,通常客户都要求能以最快的速度将新信息上网。

在传统的印刷出版业,最后交货期限是由严格的印刷计划和发行要求来决定的。而网络出版业则不需要等待印刷,只要有重要信息,可以立即在网上发布。Macromedia DreamWeaver软件的最大意义就在于它能节省制作时间,而时间在网络上意味着一切。

如果你从事过网页设计工作,你很可能有过为给客户赶活或为提供最及时的在线服务而熬夜工作的经历。DreamWeaver具有很多卓越的性能,有助于节省大量的时间,如模板功能、描图功能、层叠样式表(CSS)、先进的搜索与替换功能、部件库功能、动态HTML(DHTML)支持、轻松制表和制帧以及网站管理功能等。
以下简要介绍了DreamWeaver的一些基本功能,希望能有所帮助。

节省时间的模板功能

DreamWeaver2.0极具新意的模板功能是该软件最受欢迎的特性之一。很多HTML软件都为网页设计提供模板功能,但这些低质量的模板很少能满足个人网站的使用,更不用说用于商业网站了。DreamWeaver将模板的应用提高到一个新的水平:当对一个已有的模板作了修改后,DreamWeaver可以自动更新当前网站中所有采用该模板制作的网页。

通过下面的例子可以看出DreamWeaver的模板功能在节省时间方面所起的作用:如果客户要求所有网页都采用配有粉色和蓝色条纹的亮黄色背景,并伴有粉色、绿色和紫色的公司导航条。尽管你好意劝阻这样配色很不协调,但他们还是坚持要求这样设计。因此,你只好创建一个这样的模板。然而当你完成了所有368张网页的设计后,客户公司总裁审查了该网站设计,极具审美观点的总裁最后决定每一页都必须是采用深酒红色的背景上加入深蓝色的公司导航条。这是多么令人沮丧的事情。

幸运的是使用DreamWeaver软件,只需花费几个小时即可完成如此之大的改动。由于采用DreamWeaver中的模板创建的这些网页,所以只需更换模板中的导航条、背景和其它要素,然后选择“修改(Modify)”—“模板(Templates)”—“更新页面(Update Pages)”菜单命令,就可以完成网站所有网页的更改工作。

描图功能

一些网页设计人员喜欢首先用图形图像软件如Adobe Photoshop或Macromedia FreeHand,创建页面,将它放在网页的背景中,然后再使用生成HTML语言的软件生成网页。这时描图功能就非常有用,通过该功能描绘该图象生成网页。

  使用描图功能非常适合于定位图层和创建表格单元,它可以确保图象和其它元素都与你的原始设计完全一致。DreamWeaver可以接受来自任何软件的图像,并将存成JPEG、GIF或PNG格式的文件作为底图。

值得注意的是,底图不是网页的背景图象,因此不会在Netscape或IE等浏览器中显现出来。当你在DreamWeaver文件中插入底图后,网页的背景图或颜色被隐藏,如果你需要在文件窗口中看到背景,你可以将底图暂时关闭。

使用CCS创建风格
通过使用层叠样式表(CSS),可以使整个网站保持一致的外表和风格,通过使用样式表可以方便地为新网页的内容设定格式,也可以很方便地为已有样式表增加新内容。如果你熟悉Adobe PageMaker、Microsoft Word或者QuarkXPress等软件中的样式表,你就会很快认识到它对网站设计的重要性。

通过使用样式表可以定义大量的格式选项,例如字体、对齐、磅值等,还可以将定义好的选项应用到网页的任何元素上。例如,如果你定义了标题的风格应该是粗体、居中、Helvetica字体、红色,每一次你新建一个标题,你可以将这些风格同时应用到标题上,而不需逐项应用。

你可以为一个文件的一段、整个文件或整个网站定义一种风格。如果你在已经应用了这种风格后还希望对风格进行一些改变(例如将标题字体从Times变成Helvetica),你可以一次性更改所有用这种风格定义的元素:只需更改为标题定义的风格,所有由这种风格定义的文本都将自动更改。

使用样式表唯一的缺点是将CSS应用到网络上还是最近的事情,只有最新版的浏览器才支持它,如Netscape Navigator 4、Microsoft IE 4或更新的版本。幸运的是,MacroMedia公司在开发新版本的DreamWeaver时,已经考虑了不同浏览器之间的差异。如,当你使用样式表建立了一个网站后,可以使用“转换到3.0浏览器”菜单选项以生成一个适用于旧浏览器的备用版本,只是这样做以后你需要维护整个网站的两个不同版本。

除了控制大多数传统的文本格式属性外,用于HTML文件中的样式表还可以定义特有的HTML属性,如定位、特殊效果和鼠标翻转等。然而值得注意的是,并不是所有的样式选项都会在DreamWeaver中显示出来,样式表对话框中旁边带有星号的属性都无法在DreamWeaver中显示,你必须通过一个支持CSS的浏览器进行预览。在DreamWeaver中预览生成的网页时,需要选择“文件(File),在浏览器中预览(Preview in Browser)”菜单命令,然后选择浏览器类型。

使用部件库
DreamWeaver部件库的用途在于能够自动插入和更改网站中多张网页都包含的元件。DreamWeaver将部件库储存在库(Library)目录下,将部件链接到应用它们的网页上。这意味着一旦浏览器装载了一个部件,则在显示其它网页时不需要重新装载。(文件中部件的位置不能改变,否则可能导致部件不能正常显示。)

用户可以将任何元素储存为一个部件,例如一个由图象和链接构成的导航条、一个徽标、甚至一个动画。在使用时只需将部件从部件库拖到你选定的网页上即可。如果你对部件进行了更改(例如增加图象或更改链接),整个网站使用了该部件的网页都将得到更新。

用户必须为所设计的每一个网站定义一个单独的部件库。如果用户希望使用其它网站的部件,可以将该部件拷贝并粘贴过来。用户也可以打开一个包含想采用部件的网页,然后使用Save As命令将网页储存到一个新的网站中,然后重新定义每一个库部件。

部件库可以由HTML文件BODY区的任何元素组成,如表格、图表、图象、Java Applet、插件和文本。但不能包括timeline、样式表和JavaScript函数,因为这些部件属于HTML文件的HEAD区。尽管用户可以给一个库部件增加动作(事件的混合,如翻转和JavaScript动作),然而DreamWeaver对编辑库部件的行为有一些特殊要求,因为这些行为的一部分来自HEAD区。

动态设计

DreamWeaver的另外一个特性是对DHTML的支持。在DreamWeaver1.2以上版本中,可以增加交互性特色,例如翻转、鼠标在特定文字或图象上滑过时触发图形事件等。

如果你正在用DHTML开发更复杂的网站,你将会喜欢DreamWeaverde 的timeline动画功能。一些有悟性的设计人员可以创建自己的行为,并提供给同事使用。在Macromedia公司经常更新的网站www. dreamweaver.com上,用户可以发现可供下载的新行为列表和扩展功能。

[时间:2000-12-10  作者:必胜网  来源:必胜网]

黄品青微站