打印本文 
关闭窗口 网页制作爱好者们都应该记得，几年前，当网页制作三剑客（Dreamweaver 3、Fireworks 3、Flash 4）作为一个整体被Macromedia公司隆重推出时，引起了多么大的轰动。那个时候，无数人被这三款软件所折服。的确，它们代表了强大功能与简便易用的完美结合，在当时的电脑软件界掀起的那场风暴不啻为一场革命。之后，三剑客的每一次版本更新，都成为业界的头条新闻，也是网页制作爱好者们的狂欢节。如今，它们已经发展到MX 2004版本了。
然而人的要求总是难以得到满足。尽管三剑客的版本不断升级，功能不断提高，但是仍然无法跟上网页制作爱好者们日益增长的对更强大的功能和更简便的操作的迫切要求。Macromedia公司的软件工程师们意识到了这一点，他们知道，软件功能的完善在于开放而不是相反。他们为三剑客留出了插件接口，允许爱好者自己编写插件，用以提升功能，简化操作。于是，越来越多的插件涌现出来，其中不乏精品。本文将为读者朋友简要介绍这三款软件的一些经典插件。
在正式介绍插件之前，我们先来进行一点准备。Macromedia公司为了方便用户使用和管理众多的插件，专门提供了一个附加程序Extension Manager（扩展管理器）。这个程序可以在三剑客软件的安装光盘中找到，也可以在如下地址下载到简体中文版：http://www.macromedia.com/cn/exchange/em_download/。下载之后进行安装，然后就可以在开始菜单中，或者通过三个软件的菜单命令"Commands→Manage Extensions"运行它。图1所示为尚未安装插件的扩展管理器。
图1
这个程序管理着Macromedia公司软件（不仅仅是三剑客）的插件。我们可以通过它来安装、卸载插件或者查看插件的信息。
我们从网上下载到的插件是后缀名为mxp的文件，将其保存到本地硬盘。运行扩展管理器，单击"安装扩展"按钮或者选择菜单命令"文件→安装扩展"，在对话框中找到需要安装的mxp文件，然后单击"安装"按钮。之后一般会有一个免责声明的对话框，确认接受后即开始安装，一会儿的功夫就会弹出对话框告诉我们安装完毕，就可以开始使用了。安装之后的插件，在扩展管理器中显示出插件的名称、版本信息、插件类型、创作者及相关说明。我们可以暂时关闭某些插件，甚至卸载它们（如图2）。
图2
了解了如何安装和管理插件，下面我们就来看看如何使用插件，以及有哪些插件值得我们使用。跟我来！（笔者演示使用软件均是MX 2004版本。）
二、Dreamweaver篇
三剑客中，要数Dreamweaver（以下简称DW）的插件最多。这并不表明它的功能最弱，需要更多的插件来辅助。这是由它本身的性质决定的。DW是用于网页设计和制作的软件，它的插件实际上是用脚本语言编写的一段代码，可以将本来需要很多步的操作简化为一步，或是实现软件本身较难实现的一些功能。这不但使初学者也可以轻松制作出复杂的效果，还可以大大地减少重复操作，减轻网页制作的工作量。下面我们以一款经典插件（Flash Image）为例，看一下在DW中如何让这些助手发挥作用。
Flash Image插件用来制作图片渐显渐隐效果，这个效果由鼠标动作控制。起初图片处于半透明的朦胧状态，当鼠标移动到图片上面时，图片就渐渐变得清晰；当鼠标移出图片时，图片又渐渐变得模糊，回到半透明状态。可以用这个插件来制作导航条和栏目插图。可以到如下地址下载：http://www.windstudio.net/download/dreamweaver_exchange/flash_image.mxp。
插件安装好后，DW的Insert（插入）面板的Common（常用）标签下会增加一个灰色图片模样的按钮，单击它就会弹出设置对话框。选择菜单命令"Insert→Flash Image"可以实现同样的目的。
设置项目并不复杂。Image浏览框用来选择图片。Original Image Transparency Level用来设置图片的原始透明度，取值应介于0～100之间。When Clicked, Go To URL用来设置当单击图片时，页面转到哪个URL地址，也可以是本地文件。onMouseOver Status部分设置的是鼠标移到图片上面时的状态。其中Transparency Level为鼠标移上时图片的透明度，取值介于0～100之间，应高于原始透明度。Time between Transparency Changes设置透明度变化的时间，单位为毫秒。Amount of Change each Time设置的是透明度每次变化的量。onMouseOut Status部分设置的是鼠标移出图片后的状态。其中Transparency Level为鼠标移出后图片的透明度，取值介于0～100之间，最好与原始透明度保持一致。Time between Transparency Changes设置透明度变化的时间，单位为毫秒。Amount of Change each Time设置的是透明度每次变化的量。
设置完毕，单击OK按钮即可将图片和相关代码插入到页面中。保存html文件，然后就可以在浏览器中观看图片根据鼠标动作渐显渐隐的效果了。
知道了如何使用插件之后，读者朋友一定迫切地想了解更多的插件的情况。下面笔者列出DW的十大经典插件，这只是笔者的一家之言，仅供各位参考：
1、Flash Image：就是笔者刚刚用来举例子的那个。
2、DHTML Scrollable Area：用来插入一个可以自动滚动的文本区域，适用于制作公告栏、滚动新闻等。
3、Chromeless Window：用来创建没有边框的精致窗口，这种效果在前段时间极为流行，甚至有点泛滥，但不可否认这种效果的确很漂亮。
4、IE5.5 Custom Scrollbars：用来自定义IE浏览器的滚动条，可以让原本单调的滚动条变得色彩缤纷、生动活泼起来。
5、Page Transitions：用来制作页面切换的过渡效果，在打开或离开一个页面时，产生类似于幻灯片换页的效果。
6、Floating Image：用来在页面中添加一个到处飘浮的图片，很吸引眼球，可以做广告、发提醒等等。如果不清楚是什么样子，就到各大网站去转转好了。
7、Disable View Source Code：用来禁止用户使用右键菜单，可以保护源代码。
8、Preload Images with Status Bar and Redirect：用来制作打开网页时的进度条效果，就像安装软件或者载入游戏进度时的那那种效果，免除枯燥，增添趣味。
9、Right Click Menu Builder：用来自定义鼠标右键菜单（IE5及以上版本支持），可以加入个人信息和栏目导航等。
10、CN Insert Greeting：用来在网页中插入问候语，可以根据时间自动变换。
有限的文字只能让读者朋友们对DW众多插件的强大功能管窥蠡测一番，而更多的东西还需要各位自己去摸索和实践。下面为大家提供了几个下载DW插件的地址：
http://www.windstudio.net/res1.asp（有风的日子）
http://www.goeway.com/web/resources/dw/extension/navigation.asp（goEway）
http://www.kupage.com/extensions/default.htm（酷页）
三、Fireworks篇
作为一款网页图像和动画制作软件，Fireworks（以下简称FW）在同类软件中堪称谁与争锋，无人能出其右。再加上插件的辅助，更是如虎添翼，势不可挡。事实上，在FW的安装过程中，已经有14个插件随之安装了，运行扩展管理器选择FW MX 2004看一下，是不是这样？这些插件已经成为FW整体的一部分了。MacButton插件用来制作Mac风格的漂亮按钮，它没有被预先安装，是笔者自己下载安装的（下载地址：http://www.kupage.com/extensions/12/20030227/downkdo2153520000004pxux.mxp）。下面我们以它为例，一块儿来看如何在FW中使用插件。
图3
该插件安装以后，就位于菜单"Commands→Bitgenius"下面。新建文件，然后选择MacButton命令，就出现了这个插件的对话框（如图3）。设置项目非常简单。Rectangle Size是矩形尺寸，也就是按钮的尺寸，Width中填入宽度，Height中填入高度；Location是按钮出现的位置，Left距左边，Top距顶端，当然按钮制作好之后还可以移动，但要注意别让按钮出现在画布外面；Roundness是圆角度；Button Color中填入或者选择按钮的颜色。设置好之后确定，就得到了一个精美的Mac风格的按钮（如图4）。
图4
Fireworks的插件除了可用扩展管理器管理的mxp文件外，还有后缀名为jsf的命令插件和后缀名为stl的样式插件。对于jsf类型的插件，应该将其拷贝到FW安装目录下的/Configuration/Commands/文件夹，一般不用重新启动FW就可以直接使用了，多位于Commands菜单下。这类插件是用FW的javascript脚本语言编写的，对脚本语言比较熟悉的朋友也可以试着自己编写。而stl类插件实际上就是保存起来的样式。在Styles调板（Window->Styles）中，点击右上角的功能按钮，在弹出菜单中选择Import Styles，将需要的stl文件载入即可（如图5）。
图5
FW插件种类多，数量也不在少数。要在数量众多的精品插件中选出几个最优秀的，实在是难上加难的事情。不过笔者仍然从自己的角度列出一个Top5的名单，各位尽可以见仁见智：
1、MacButton：mxp插件，笔者用作例子的经典插件，可以轻松制作Mac按钮。
2、Duplicate Path Segments：jsf插件，用来复制路径的一部分，同时包括整条路径的所有属性。
3、Make Seamless Tile：jsf插件，用来制作无缝连接的拼贴图，可以制作背景图和纹理等。
4、Fire：stl插件，包含7种样式，用来制作火爆的火焰效果。
5、Natural：stl插件，包含10种样式，用来模拟自然材质。
很多名字没有在此出现的FW插件也同样优秀。读者朋友们可以到如下地址去下载它们：
http://www.fwcn.com/plugin/index.html（点燃灵感）
http://www.hooji.com/Soft_Class.asp?ClassID=9（好极网络）
四、Flash篇
如今，Flash可是大名鼎鼎的软件，它的风头盖过了两位同门师兄弟，也不知那二位嫉妒了没有。精美的Flash网站、幽默的Flash动画、动感的Flash MV在网络上大行其道，火爆到无以复加。甚至于很多人以为Flash就是一种动画的名字，却不知道这些动画的生产者。
下面，以Calendar插件为例（下载地址：http://www.flashempire.com/school/down_mxp.php?id=148&name=calendar），一起来看看如何使用Flash（以下简称FL）中使用插件。
图6
Calendar插件可以用来制作漂亮的日历。这是一个mxp格式的插件，可在扩展管理器中安装和管理。安装后，它将出现在FL的Components调板（Window→Development Panels→Components）中。找到它，然后将它拖到场景中就行了。当然，可以根据需要修改其外观。组件被拖到场景中以后，在Properties调板中选择Parameters标签，或者在Component Inspector调板中选择Parameters标签，可以看到一系列参数（如图6），修改这些参数的取值就可以得到不同的效果。Day Size设置定义每个日期单元格的大小；Space between Days设置日期单元格之间的间距；Main Color设置日历的背景色；Border Color设置日期单元格的边框颜色，同时也是文字的颜色；Font Name选择显示日期的字体；Font Size设置字体大小，要根据单元格的大小设置。最后得到的日历如图7所示。读者朋友们可以到http://www.flashempire.com/download/components/calendar.swf去看一看动画效果。
图7
现在又到了插件排行榜的时间了，笔者仍然给出个人的前5名的参考名单：
1、Stylized Scrollbar：用来制作各种风格的文本框的滚动条。
2、Text Size Changer：用来制作可以任意调整大小的文字效果。
3、Cylinder Tools：安装后会增加一个工具，可以快速绘制圆柱体，非常方便。
4、Window Application Control Kit：可以模拟Windows系统的窗口效果，进行拖动、改变当前窗口、最小化等操作。
5、Blur everything：可以制作图形、图片、文字等几乎任何对象的动感模糊效果。
FL的插件数量虽不如它的两个同门师兄弟那么多，但也是强手如云。读者朋友们可以在下面的地址找到它们的踪影：
http://www.flashempire.com/school/components.php（闪客帝国）
http://www.flash8.net/soft/list.aspx?s_id=1125（闪吧）
五、结束语
插件的出现，使得软件的功能越来越强大的同时，易用性也越来越高--原来只有高手才能实现的复杂效果，或者非常繁琐的操作过程，在有了插件之后一切都变得简单起来了。软件版本的不断升级，软件功能的不断提升，正是为了使软件的使用更加简单、方便，而插件的发展壮大极大地丰富了这一点。
需要提醒各位读者的是，由于插件是由一些爱好者自己制作的，其中难免水平参差不齐，鱼龙混杂，不能保证下载到的都是精品。不过笔者推荐给大家的几个网站提供的都是相当不错的插件，各位可以放心使用。
有句话叫做"众人拾柴火焰高"，三剑客自身就功夫了得，再加上数量众多、各具特色的插件紧密团结在它们周围，这一庞大的组合定会迸发出巨大的能量！
打印本文 关闭窗口