macromedia
In the past, creating something as simple as an animation for the web would require multiple applications, and likely several plug-ins. You’d need a program to create the individual frames of the animation and several plug-ins to add text effects, like drop shadows. Once the frames were created you would export them into an animation program to create the animated GIF file. Finally, you would load the animation into an optimization tool to shrink it down. If you made a mistake somewhere along the way, or if you wanted to make a change to one of the frames, you would have to go through the entire process again.
过去，为网络创建像动画一样简单的内容将需要多个应用程序，并且可能需要多个插件。 您需要一个程序来创建动画的各个帧，并需要几个插件来添加文本效果，例如阴影。 一旦创建了帧，您就可以将它们导出到动画程序中以创建动画GIF文件。 最后，您可以将动画加载到优化工具中以将其缩小。 如果您在途中某个地方犯了错误，或者想要更改其中一个框架，则必须重新执行整个过程。
Now, fast forward to the present. You create, optimize and animate the graphics in one application. If you need to edit a frame of an animation you don’t need to back-track. You no longer have to switch between multiple tools to create graphics for the web, because you have a single program installed that will do everything that you need to create stunning web graphics. Fiction? No. Reality. Macromedia Fireworks 2.
现在，快进到现在。 您可以在一个应用程序中创建，优化和制作图形动画。 如果您需要编辑动画的帧，则无需回溯。 您不再需要在用于创建Web图形的多个工具之间切换，因为您安装了一个程序就可以完成创建令人惊叹的Web图形所需的一切。 小说？ 不，现实。 Macromedia Fireworks 2。
The original version of Fireworks from Macromedia was without a question the ultimate web graphic design solution. No other graphics program (including PhotoShop) could do everything that Fireworks could, without the addition of five or ten plug-ins and several third-party programs. Version 2 of Fireworks continues the long-standing tradition of this all-in-one web graphics design package with the addition of a wealth of new features and usability improvements.
Macromedia的Fireworks原始版本毫无疑问是最终的Web图形设计解决方案。 如果不添加五个或十个插件和几个第三方程序，其他图形程序(包括PhotoShop)将无法完成Fireworks所能完成的所有工作。 Fireworks的版本2继承了此多合一Web图形设计软件包的悠久传统，并增加了许多新功能并改进了可用性。
New Features include:
新功能包括：
Auto Kerning to improve the appearance of small text. 自动字距调整可改善小文本的外观。 File format support for PhotoShop 5, Illustrator 8, among others 支持PhotoShop 5，Illustrator 8等文件格式 Scriptlets let you create drag and drop JavaScripts to combine batch find and replace with batch export features. 脚本小程序使您可以创建拖放JavaScript，以将批次查找和替换与批次导出功能结合在一起。 Improved batch processing lets you batch process images for an entire site. 改进的批处理功能使您可以批量处理整个站点的图像。 Hotspot rollovers provide for irregular shaped areas that trigger rollovers. 热点翻转提供了触发翻转的不规则形状的区域。 Better integration with Dreamweaver 2 与Dreamweaver 2更好地集成The new version of Fireworks 2 is also $100 cheaper than the original at $199. You can upgrade to the new version electronically for a mere $99.
Fireworks 2的新版本也比原始版本的199美元便宜了100美元。 您只需支付$ 99，就可以通过电子方式升级到新版本。
/# pagebreak ‘The Design Environment’#/
/＃pagebreak'设计环境'＃/
Those using Paint Shop Pro or PhotoShop will feel right at home in the Fireworks 2 interface (left). There’s a standard toolbar, and several floating panels with palettes and settings for various effects.
使用Paint Shop Pro或PhotoShop的用户将在Fireworks 2界面(左)中感到宾至如归。 有一个标准的工具栏，以及几个带有调色板和各种效果设置的浮动面板。
My favourite feature in the design environment is Live Effects ™. I was able to create effects like bevels, glows and drop shadows, and later go back and edit them. As I made the changes in the panels I was able to watch the results in real time. Live effects basically allows you to make changes to any special effect, at any time, without having to start over.
在设计环境中我最喜欢的功能是Live Effects™。 我能够创建诸如斜角，发光和阴影之类的效果，然后再回去对其进行编辑。 当我在面板中进行更改时，我可以实时查看结果。 基本上，实时效果使您可以随时更改任何特殊效果，而无需重新开始。
Fireworks 2 provides support for both vector and bitmap graphics. It actually blurs the lines between the two types. A path of a Fireworks object is an editable vector path. Yet, it may also have a texture fill, or an effect like bevel applied to it. If you magnify any object in Fireworks you will see individual pixels, yet the pixels redraw in response to vector editing. Even effects redraw after an object is edited, something that was previously only possible in bitmap image applications.
Fireworks 2支持矢量和位图图形。 实际上，这模糊了两种类型之间的界限。 Fireworks对象的路径是可编辑的矢量路径。 但是，它可能还具有纹理填充，或者像斜角一样应用了效果。 如果您在Fireworks中放大任何对象，您将看到单个像素，但是像素会根据矢量编辑重绘。 在编辑对象后，甚至效果也会重新绘制，这以前只能在位图图像应用程序中才能实现。
The program provides full support for PhotoShop plug-ins and formats. However, Fireworks 2 is not a tool that is meant to be used for production of non-web graphics.
该程序为PhotoShop插件和格式提供完全支持。 但是，Fireworks 2并不是用于生产非Web图形的工具。
Fireworks 2 provides everything that you need to create animated GIF files. Several Fireworks 2 panels are designed specifically with creating animations in mind. The VCR panel allows you to view the animation frame by frame or preview it. "Instances" is a nifty feature that allows you to reproduce something on multiple frames. If it is then edited on one frame, all instances of it are updated automatically.
Fireworks 2提供了创建动画GIF文件所需的一切。 几个Fireworks 2面板是专门为创建动画而设计的。 VCR面板允许您逐帧查看或预览动画。 “实例”是一个很棒的功能，它使您可以在多个帧上重现某些内容。 如果然后在一帧上对其进行编辑，则会自动更新其所有实例。
Onion skinning, when turned on, shows objects on frames before or after the current frame, but dimmer, so that it’s easy to distinguish them from the object’s current frame.
启用洋葱皮功能后，它会在当前帧之前或之后显示对象，但会变暗，这样很容易将它们与对象的当前帧区分开。
It’s features like these that make Fireworks 2 THE tool for designing web graphics. Fireworks combines the best of standalone graphic, animation, and optimization programs all into one framework.
这些功能使Fireworks 2成为设计Web图形的工具。 Fireworks将最好的独立图形，动画和优化程序全部整合到一个框架中。
Slicing images in Fireworks is a straightforward process. Using the slice tool, I was able to draw rectangular slice objects on an image. Fireworks automatically creates the smallest number of slices possible by intelligently combining parts of an image that do not contain slice objects. The result is less HTML code, as well as slightly faster loading pages. Exporting the final output was a simple task, which required me to specify a destination folder. Fireworks 2 automatically named the sliced images according to what I had defined in the Properties dialog.
在Fireworks中对图像进行切片是一个简单的过程。 使用切片工具，我能够在图像上绘制矩形切片对象。 Fireworks通过智能组合图像中不包含切片对象的部分，自动创建可能最少的切片。 结果是更少HTML代码，以及更快的页面加载速度。 导出最终输出是一个简单的任务，需要我指定一个目标文件夹。 Fireworks 2根据我在“属性”对话框中定义的名称自动命名切片的图像。
The down side on the slicing is if you actually export the HTML it comes out as CSS, and not regular HTML. The previous version actually made basic HTML templates, instead of CSS.
切片的缺点是，如果您实际导出HTML是CSS而不是常规HTML出来的。 先前的版本实际上制作了基本HTML模板，而不是CSS。
/# pagebreak ‘Optimizing Graphics, and creating JavaScript rollovers’#/
/＃pagebreak'优化图形，并创建JavaScript过渡'＃/
Image optimization takes place in the export dialog box. Optionally, you can use an export wizard to aid you in the optimization of graphics. As a test, I took the WR logo that you see in the upper-left hand corner of this page, and I ran it through the wizard. After answering a few short questions, including my target size, a dialog popped up with the wizard’s advice. After reading it, and clicking "OK," the Export Preview window popped up.
图像优化在导出对话框中进行。 (可选)您可以使用导出向导来帮助您优化图形。 作为测试，我采用了您在本页左上角看到的WR徽标，并通过向导对其进行了运行。 在回答了几个简短的问题(包括我的目标尺寸)后，弹出了一个对话框，其中包含向导的建议。 阅读后，单击“确定”，弹出“导出预览”窗口。
The graphic was optimized to my target size. I fiddled with the settings a little bit more, eventually getting the file down to 2.03KB, from the original 2.18KB, without altering the image quality at all. The change was very small, but the image had previously been optimized using Ulead SmartSaver. I wasn’t expecting anything drastic.
图形已针对我的目标尺寸进行了优化。 我略微调整了设置，最终将文件从原来的2.18KB减小到2.03KB，而丝毫没有改变图像质量。 更改很小，但以前使用Ulead SmartSaver对图像进行了优化。 我没想到会有什么大的事情。
Take a look at the screen shot above to see what the export preview window looks like.
查看上面的屏幕快照，以查看导出预览窗口的外观。
JavaScript rollovers allow for images to change their appearance when the mouse is moved over them, or when they are clicked. This is accomplished by a piece of JavaScript code that swaps the image when the visitor’s mouse is hovered over it. Creating JavaScript rollovers in Fireworks 2 is extremely simple. Once the different images to represent the different states of an image are drawn, hotspots are selected, and the final results exported. Fireworks 2 automatically generates the JavaScript necessary for the rollovers to function properly. Fireworks 2 even allows for the creation of irregularly shaped rollovers, something which used to be very difficult in the past.
当鼠标移到图像上或单击图像时，JavaScript滚动允许图像更改其外观。 这是通过一段JavaScript代码完成的，该代码在访问者的鼠标悬停在该图像上时会交换该图像。 在Fireworks 2中创建JavaScript过渡非常简单。 一旦绘制了代表图像不同状态的不同图像，就选择了热点，并导出了最终结果。 Fireworks 2自动生成使过渡正常运行所必需JavaScript。 Fireworks 2甚至允许创建不规则形状的翻转，这在过去曾经非常困难。
However, if you haven’t read all the documentation inside out for Fireworks, it can be a little bit difficult to learn how to use the JavaScript Rollover feature.
但是，如果您还没有阅读完Fireworks的全部文档，那么学习如何使用JavaScript滚动功能可能会有些困难。
An image map allows for the creation of images with hotspots which, when clicked, will take a visitor to a particular URL. A single image can therefore be linked to multiple pages. I had no problem creating a simple image map in Fireworks. Using one of the hotspot tools, I selected an area of an image and defined it as being a hotspot. In the Image Map Options panel, I specified a destination URL for each of the hotspots that I created. Next, I selected Export from the File menu, selected a destination directory, and the image and the HTML file containing the code for the image map were placed there.
图像映射允许创建带有热点的图像，单击这些图像将使访问者进入特定的URL。 因此，单个图像可以链接到多个页面。 我在Fireworks中创建简单的图像映射没有问题。 使用一种热点工具，我选择了图像的一个区域并将其定义为热点。 在“图像映射选项”面板中，我为创建的每个热点指定了目标URL。 接下来，我从“文件”菜单中选择了“导出”，选择了一个目标目录，并将图像和包含图像映射代码HTML文件放置在此处。
/# pagebreak ‘Batch Processing, Dreamweaver 2 Integration and more’#/
/＃pagebreak'批处理，Dreamweaver 2集成等'＃/
Batch processing is designed to automatically process a group of graphics. For example, Fireworks 2 makes it possible to convert formats for a selection of graphics or change the settings on a group of files (for example, change all GIF files into interlaced GIFs). You can even find and replace text, colors, URLs and fonts in a batch of graphics if they are in Fireworks PNG, Illustrator, Freehand or CorelDRAW format.
批处理旨在自动处理一组图形。 例如，Fireworks 2可以转换用于选择图形的格式或更改一组文件的设置(例如，将所有GIF文件更改为隔行GIF)。 如果它们是Fireworks PNG，Illustrator，Freehand或CorelDRAW格式，甚至可以在一批图形中查找和替换文本，颜色，URL和字体。
Fireworks allows for the creation of "Scriptlets," which will easily recreate a batch process in the future. These cross-platform scriptlets can be shared among computers, and other individuals in a company. This makes it easy to standardize all of the graphics.
Fireworks允许创建“脚本”，将来可以轻松地重新创建批处理过程。 这些跨平台脚本可以在计算机和公司中的其他个人之间共享。 这使得标准化所有图形变得容易。
Fireworks 2 is great as a stand-alone product, but it becomes even better if you also have Dreamweaver 2 installed. I was able to export JavaScript rollovers created in Fireworks 2 directly into Dreamweaver, where I could make further edits. I was also able to export graphics made in Fireworks as objects, and then use them in Dreamweaver 2. If you have both programs installed, it is very easy to launch Fireworks 2 from within Dreamweaver to quickly make changes to a graphic.
Fireworks 2作为独立产品很棒，但是如果您还安装了Dreamweaver 2，它将变得更好。 我能够将在Fireworks 2中创建JavaScript过渡直接导出到Dreamweaver，在其中可以进行进一步的编辑。 我还能够将Fireworks中制作的图形导出为对象，然后在Dreamweaver 2中使用它们。如果您同时安装了这两个程序，则可以很容易地从Dreamweaver中启动Fireworks 2，以快速更改图形。
Intel Pentium processor 120 (Pentium II recommended) Windows 95, 98 or NT (with Service Pack 3) or later 32 MB of RAM on Windows 95/98, 40+ MB recommended for Windows NT 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type Manager Version 4 or later with Type 1 fonts
Intel Pentium处理器120(建议使用Pentium II)Windows 95、98或NT(带有Service Pack 3)或更高版本Windows 95/98上具有32 MB RAM，对于Windows NT 640 x 480建议使用40+ MB，256色显示屏(1024 x 768，建议使用数百万种颜色)60 MB的可用硬盘空间(建议使用100 MB)Adobe Type Manager版本4或更高版本，带有Type 1字体
Power Macintosh Processor, (G3 recommended) Mac OS 7.5.5 or later 24 MB of available RAM with virtual memory on minimum; 32+ MB of available RAM with virtual memory off recommended 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type 4 manager or later required with Type 1 fonts
Power Macintosh处理器，(建议使用G3)Mac OS 7.5.5或更高版本24 MB的可用RAM，最小虚拟内存； 建议使用32+ MB的可用RAM，并关闭虚拟内存，建议使用640 x 480、256色显示屏(建议使用1024 x 768，数百万种颜色)60 MB的可用硬盘空间(建议使用100 MB)，类型需要Adobe Type 4管理器或更高版本1种字体
I would recommend having at least, 64 MB of RAM for fast editing, especially if you have more than one program open while running Fireworks. Otherwise you’ll be lucky to actually get any more than one or two megs of RAM that the program can actually use for rendering.
我建议至少有64 MB的RAM用于快速编辑，尤其是在运行Fireworks时打开多个程序的情况下。 否则，您将很幸运地获得了该程序实际可用于渲染的一两个以上的RAM。
Programs like Ulead SmartSaver and Ignite have their days numbered. Web graphics designers asked for a robust graphics design tool with capabilities for creating rollovers, image maps, optimizing and slicing graphics, and Macromedia delivered. The competitive $199 price makes this program cheaper than buying separate tools to do all the tasks that Fireworks 2 performs. As with all Macromedia products, a fully-functional, 30-day trial version is available for download from their site.
诸如Ulead SmartSaver和Ignite之类的程序都有其编号。 Web图形设计师要求一种功能强大的图形设计工具，该工具具有创建过渡，图像映射，优化和切片图形以及交付Macromedia的功能。 具竞争力的199美元价格使该程序比购买单独的工具来执行Fireworks 2执行的所有任务便宜。 与所有Macromedia产品一样，可以从其站点下载功能齐全的30天试用版。
Rating: 5/5
评分：5/5
Macromedia.com – Take a tour of Fireworks 2, or go straight to the trial download on the Macromedia site.
Macromedia.com –浏览Fireworks 2，或直接在Macromedia网站上下载试用版。
In the past, creating something as simple as an animation for the web would require multiple applications, and likely several plug-ins. You’d need a program to create the individual frames of the animation and several plug-ins to add text effects, like drop shadows. Once the frames were created you would export them into an animation program to create the animated GIF file. Finally, you would load the animation into an optimization tool to shrink it down. If you made a mistake somewhere along the way, or if you wanted to make a change to one of the frames, you would have to go through the entire process again.
过去，为网络创建像动画一样简单的内容将需要多个应用程序，并且可能需要多个插件。 您需要一个程序来创建动画的各个帧，并需要几个插件来添加文本效果，例如阴影。 一旦创建了帧，您就可以将它们导出到动画程序中以创建动画GIF文件。 最后，您可以将动画加载到优化工具中以将其缩小。 如果您在途中某个地方犯了错误，或者想要更改其中一个框架，则必须重新执行整个过程。
Now, fast forward to the present. You create, optimize and animate the graphics in one application. If you need to edit a frame of an animation you don’t need to back-track. You no longer have to switch between multiple tools to create graphics for the web, because you have a single program installed that will do everything that you need to create stunning web graphics. Fiction? No. Reality. Macromedia Fireworks 2.
现在，快进到现在。 您可以在一个应用程序中创建，优化和制作图形动画。 如果您需要编辑动画的帧，则无需回溯。 您不再需要在用于创建Web图形的多个工具之间切换，因为您安装了一个程序就可以完成创建令人惊叹的Web图形所需的一切。 小说？ 不，现实。 Macromedia Fireworks 2。
The original version of Fireworks from Macromedia was without a question the ultimate web graphic design solution. No other graphics program (including PhotoShop) could do everything that Fireworks could, without the addition of five or ten plug-ins and several third-party programs. Version 2 of Fireworks continues the long-standing tradition of this all-in-one web graphics design package with the addition of a wealth of new features and usability improvements.
Macromedia的Fireworks原始版本毫无疑问是最终的Web图形设计解决方案。 如果不添加五个或十个插件和几个第三方程序，其他图形程序(包括PhotoShop)将无法完成Fireworks所能完成的所有工作。 Fireworks的版本2继承了此多合一Web图形设计软件包的悠久传统，并增加了许多新功能并改进了可用性。
New Features include:
新功能包括：
Auto Kerning to improve the appearance of small text. 自动字距调整可改善小文本的外观。 File format support for PhotoShop 5, Illustrator 8, among others 支持PhotoShop 5，Illustrator 8等文件格式 Scriptlets let you create drag and drop JavaScripts to combine batch find and replace with batch export features. 脚本小程序使您可以创建拖放JavaScript，以将批次查找和替换与批次导出功能结合在一起。 Improved batch processing lets you batch process images for an entire site. 改进的批处理功能使您可以批量处理整个站点的图像。 Hotspot rollovers provide for irregular shaped areas that trigger rollovers. 热点翻转提供了触发翻转的不规则形状的区域。 Better integration with Dreamweaver 2 与Dreamweaver 2更好地集成The new version of Fireworks 2 is also $100 cheaper than the original at $199. You can upgrade to the new version electronically for a mere $99.
Fireworks 2的新版本也比原始版本的199美元便宜了100美元。 您只需支付$ 99，就可以通过电子方式升级到新版本。
/# pagebreak ‘The Design Environment’#/
/＃pagebreak'设计环境'＃/
Those using Paint Shop Pro or PhotoShop will feel right at home in the Fireworks 2 interface (left). There’s a standard toolbar, and several floating panels with palettes and settings for various effects.
使用Paint Shop Pro或PhotoShop的用户将在Fireworks 2界面(左)中感到宾至如归。 有一个标准的工具栏，以及几个带有调色板和各种效果设置的浮动面板。
My favourite feature in the design environment is Live Effects ™. I was able to create effects like bevels, glows and drop shadows, and later go back and edit them. As I made the changes in the panels I was able to watch the results in real time. Live effects basically allows you to make changes to any special effect, at any time, without having to start over.
在设计环境中我最喜欢的功能是Live Effects™。 我能够创建诸如斜角，发光和阴影之类的效果，然后再回去对其进行编辑。 当我在面板中进行更改时，我可以实时查看结果。 基本上，实时效果使您可以随时更改任何特殊效果，而无需重新开始。
Fireworks 2 provides support for both vector and bitmap graphics. It actually blurs the lines between the two types. A path of a Fireworks object is an editable vector path. Yet, it may also have a texture fill, or an effect like bevel applied to it. If you magnify any object in Fireworks you will see individual pixels, yet the pixels redraw in response to vector editing. Even effects redraw after an object is edited, something that was previously only possible in bitmap image applications.
Fireworks 2支持矢量和位图图形。 实际上，这模糊了两种类型之间的界限。 Fireworks对象的路径是可编辑的矢量路径。 但是，它可能还具有纹理填充，或者像斜角一样应用了效果。 如果您在Fireworks中放大任何对象，您将看到单个像素，但是像素会根据矢量编辑重绘。 在编辑对象后，甚至效果也会重新绘制，这以前只能在位图图像应用程序中才能实现。
The program provides full support for PhotoShop plug-ins and formats. However, Fireworks 2 is not a tool that is meant to be used for production of non-web graphics.
该程序为PhotoShop插件和格式提供完全支持。 但是，Fireworks 2并不是用于生产非Web图形的工具。
Fireworks 2 provides everything that you need to create animated GIF files. Several Fireworks 2 panels are designed specifically with creating animations in mind. The VCR panel allows you to view the animation frame by frame or preview it. "Instances" is a nifty feature that allows you to reproduce something on multiple frames. If it is then edited on one frame, all instances of it are updated automatically.
Fireworks 2提供了创建动画GIF文件所需的一切。 几个Fireworks 2面板是专门为创建动画而设计的。 VCR面板允许您逐帧查看或预览动画。 “实例”是一个很棒的功能，它使您可以在多个帧上重现某些内容。 如果然后在一帧上对其进行编辑，则会自动更新其所有实例。
Onion skinning, when turned on, shows objects on frames before or after the current frame, but dimmer, so that it’s easy to distinguish them from the object’s current frame.
启用洋葱皮功能后，它会在当前帧之前或之后显示对象，但会变暗，这样很容易将它们与对象的当前帧区分开。
It’s features like these that make Fireworks 2 THE tool for designing web graphics. Fireworks combines the best of standalone graphic, animation, and optimization programs all into one framework.
这些功能使Fireworks 2成为设计Web图形的工具。 Fireworks将最好的独立图形，动画和优化程序全部整合到一个框架中。
Slicing images in Fireworks is a straightforward process. Using the slice tool, I was able to draw rectangular slice objects on an image. Fireworks automatically creates the smallest number of slices possible by intelligently combining parts of an image that do not contain slice objects. The result is less HTML code, as well as slightly faster loading pages. Exporting the final output was a simple task, which required me to specify a destination folder. Fireworks 2 automatically named the sliced images according to what I had defined in the Properties dialog.
在Fireworks中对图像进行切片是一个简单的过程。 使用切片工具，我能够在图像上绘制矩形切片对象。 Fireworks通过智能组合图像中不包含切片对象的部分，自动创建可能最少的切片。 结果是更少HTML代码，以及更快的页面加载速度。 导出最终输出是一个简单的任务，需要我指定一个目标文件夹。 Fireworks 2根据我在“属性”对话框中定义的名称自动命名切片的图像。
The down side on the slicing is if you actually export the HTML it comes out as CSS, and not regular HTML. The previous version actually made basic HTML templates, instead of CSS.
切片的缺点是，如果您实际导出HTML是CSS而不是常规HTML出来的。 先前的版本实际上制作了基本HTML模板，而不是CSS。
/# pagebreak ‘Optimizing Graphics, and creating JavaScript rollovers’#/
/＃pagebreak'优化图形，并创建JavaScript过渡'＃/
Image optimization takes place in the export dialog box. Optionally, you can use an export wizard to aid you in the optimization of graphics. As a test, I took the WR logo that you see in the upper-left hand corner of this page, and I ran it through the wizard. After answering a few short questions, including my target size, a dialog popped up with the wizard’s advice. After reading it, and clicking "OK," the Export Preview window popped up.
图像优化在导出对话框中进行。 (可选)您可以使用导出向导来帮助您优化图形。 作为测试，我采用了您在本页左上角看到的WR徽标，并通过向导对其进行了运行。 在回答了几个简短的问题(包括我的目标尺寸)后，弹出了一个对话框，其中包含向导的建议。 阅读后，单击“确定”，弹出“导出预览”窗口。
The graphic was optimized to my target size. I fiddled with the settings a little bit more, eventually getting the file down to 2.03KB, from the original 2.18KB, without altering the image quality at all. The change was very small, but the image had previously been optimized using Ulead SmartSaver. I wasn’t expecting anything drastic.
图形已针对我的目标尺寸进行了优化。 我略微调整了设置，最终将文件从原来的2.18KB减小到2.03KB，而丝毫没有改变图像质量。 更改很小，但以前使用Ulead SmartSaver对图像进行了优化。 我没想到会有什么大的事情。
Take a look at the screen shot above to see what the export preview window looks like.
查看上面的屏幕快照，以查看导出预览窗口的外观。
JavaScript rollovers allow for images to change their appearance when the mouse is moved over them, or when they are clicked. This is accomplished by a piece of JavaScript code that swaps the image when the visitor’s mouse is hovered over it. Creating JavaScript rollovers in Fireworks 2 is extremely simple. Once the different images to represent the different states of an image are drawn, hotspots are selected, and the final results exported. Fireworks 2 automatically generates the JavaScript necessary for the rollovers to function properly. Fireworks 2 even allows for the creation of irregularly shaped rollovers, something which used to be very difficult in the past.
当鼠标移到图像上或单击图像时，JavaScript滚动允许图像更改其外观。 这是通过一段JavaScript代码完成的，该代码在访问者的鼠标悬停在该图像上时会交换该图像。 在Fireworks 2中创建JavaScript过渡非常简单。 一旦绘制了代表图像不同状态的不同图像，就选择了热点，并导出了最终结果。 Fireworks 2自动生成使过渡正常运行所必需JavaScript。 Fireworks 2甚至允许创建不规则形状的翻转，这在过去曾经非常困难。
However, if you haven’t read all the documentation inside out for Fireworks, it can be a little bit difficult to learn how to use the JavaScript Rollover feature.
但是，如果您还没有阅读完Fireworks的全部文档，那么学习如何使用JavaScript滚动功能可能会有些困难。
An image map allows for the creation of images with hotspots which, when clicked, will take a visitor to a particular URL. A single image can therefore be linked to multiple pages. I had no problem creating a simple image map in Fireworks. Using one of the hotspot tools, I selected an area of an image and defined it as being a hotspot. In the Image Map Options panel, I specified a destination URL for each of the hotspots that I created. Next, I selected Export from the File menu, selected a destination directory, and the image and the HTML file containing the code for the image map were placed there.
图像映射允许创建带有热点的图像，单击这些图像将使访问者进入特定的URL。 因此，单个图像可以链接到多个页面。 我在Fireworks中创建简单的图像映射没有问题。 使用一种热点工具，我选择了图像的一个区域并将其定义为热点。 在“图像映射选项”面板中，我为创建的每个热点指定了目标URL。 接下来，我从“文件”菜单中选择了“导出”，选择了一个目标目录，并将图像和包含图像映射代码HTML文件放置在此处。
/# pagebreak ‘Batch Processing, Dreamweaver 2 Integration and more’#/
/＃pagebreak'批处理，Dreamweaver 2集成等'＃/
Batch processing is designed to automatically process a group of graphics. For example, Fireworks 2 makes it possible to convert formats for a selection of graphics or change the settings on a group of files (for example, change all GIF files into interlaced GIFs). You can even find and replace text, colors, URLs and fonts in a batch of graphics if they are in Fireworks PNG, Illustrator, Freehand or CorelDRAW format.
批处理旨在自动处理一组图形。 例如，Fireworks 2可以转换用于选择图形的格式或更改一组文件的设置(例如，将所有GIF文件更改为隔行GIF)。 如果它们是Fireworks PNG，Illustrator，Freehand或CorelDRAW格式，甚至可以在一批图形中查找和替换文本，颜色，URL和字体。
Fireworks allows for the creation of "Scriptlets," which will easily recreate a batch process in the future. These cross-platform scriptlets can be shared among computers, and other individuals in a company. This makes it easy to standardize all of the graphics.
Fireworks允许创建“脚本”，将来可以轻松地重新创建批处理过程。 这些跨平台脚本可以在计算机和公司中的其他个人之间共享。 这使得标准化所有图形变得容易。
Fireworks 2 is great as a stand-alone product, but it becomes even better if you also have Dreamweaver 2 installed. I was able to export JavaScript rollovers created in Fireworks 2 directly into Dreamweaver, where I could make further edits. I was also able to export graphics made in Fireworks as objects, and then use them in Dreamweaver 2. If you have both programs installed, it is very easy to launch Fireworks 2 from within Dreamweaver to quickly make changes to a graphic.
Fireworks 2作为独立产品很棒，但是如果您还安装了Dreamweaver 2，它将变得更好。 我能够将在Fireworks 2中创建JavaScript过渡直接导出到Dreamweaver，在其中可以进行进一步的编辑。 我还能够将Fireworks中制作的图形导出为对象，然后在Dreamweaver 2中使用它们。如果您同时安装了这两个程序，则可以很容易地从Dreamweaver中启动Fireworks 2，以快速更改图形。
Intel Pentium processor 120 (Pentium II recommended) Windows 95, 98 or NT (with Service Pack 3) or later 32 MB of RAM on Windows 95/98, 40+ MB recommended for Windows NT 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type Manager Version 4 or later with Type 1 fonts
Intel Pentium处理器120(建议使用Pentium II)Windows 95、98或NT(带有Service Pack 3)或更高版本Windows 95/98上具有32 MB RAM，对于Windows NT 640 x 480建议使用40+ MB，256色显示屏(1024 x 768，建议使用数百万种颜色)60 MB的可用硬盘空间(建议使用100 MB)Adobe Type Manager版本4或更高版本，带有Type 1字体
Power Macintosh Processor, (G3 recommended) Mac OS 7.5.5 or later 24 MB of available RAM with virtual memory on minimum; 32+ MB of available RAM with virtual memory off recommended 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type 4 manager or later required with Type 1 fonts
Power Macintosh处理器，(建议使用G3)Mac OS 7.5.5或更高版本24 MB的可用RAM，最小虚拟内存； 建议使用32+ MB的可用RAM，并关闭虚拟内存，建议使用640 x 480、256色显示屏(建议使用1024 x 768，数百万种颜色)60 MB的可用硬盘空间(建议使用100 MB)，类型需要Adobe Type 4管理器或更高版本1种字体
I would recommend having at least, 64 MB of RAM for fast editing, especially if you have more than one program open while running Fireworks. Otherwise you’ll be lucky to actually get any more than one or two megs of RAM that the program can actually use for rendering.
我建议至少有64 MB的RAM用于快速编辑，尤其是在运行Fireworks时打开多个程序的情况下。 否则，您将很幸运地获得了该程序实际可用于渲染的一两个以上的RAM。
Programs like Ulead SmartSaver and Ignite have their days numbered. Web graphics designers asked for a robust graphics design tool with capabilities for creating rollovers, image maps, optimizing and slicing graphics, and Macromedia delivered. The competitive $199 price makes this program cheaper than buying separate tools to do all the tasks that Fireworks 2 performs. As with all Macromedia products, a fully-functional, 30-day trial version is available for download from their site.
诸如Ulead SmartSaver和Ignite之类的程序都有其编号。 Web图形设计师要求一种功能强大的图形设计工具，该工具具有创建过渡，图像映射，优化和切片图形以及交付Macromedia的功能。 具竞争力的199美元价格使该程序比购买单独的工具来执行Fireworks 2执行的所有任务便宜。 与所有Macromedia产品一样，可以从其站点下载功能齐全的30天试用版。
Rating: 5/5
评分：5/5
Macromedia.com – Take a tour of Fireworks 2, or go straight to the trial download on the Macromedia site.
Macromedia.com –浏览Fireworks 2，或直接在Macromedia网站上下载试用版。
In the past, creating something as simple as an animation for the web would require multiple applications, and likely several plug-ins. You’d need a program to create the individual frames of the animation and several plug-ins to add text effects, like drop shadows. Once the frames were created you would export them into an animation program to create the animated GIF file. Finally, you would load the animation into an optimization tool to shrink it down. If you made a mistake somewhere along the way, or if you wanted to make a change to one of the frames, you would have to go through the entire process again.
过去，为网络创建像动画一样简单的内容将需要多个应用程序，并且可能需要多个插件。 您需要一个程序来创建动画的各个帧，并需要几个插件来添加文本效果，例如阴影。 一旦创建了帧，您就可以将它们导出到动画程序中以创建动画GIF文件。 最后，您可以将动画加载到优化工具中以将其缩小。 如果您在途中某个地方犯了错误，或者想要更改其中一个框架，则必须重新执行整个过程。
Now, fast forward to the present. You create, optimize and animate the graphics in one application. If you need to edit a frame of an animation you don’t need to back-track. You no longer have to switch between multiple tools to create graphics for the web, because you have a single program installed that will do everything that you need to create stunning web graphics. Fiction? No. Reality. Macromedia Fireworks 2.
现在，快进到现在。 您可以在一个应用程序中创建，优化和制作图形动画。 如果您需要编辑动画的帧，则无需回溯。 您不再需要在用于创建Web图形的多个工具之间切换，因为您安装了一个程序就可以完成创建令人惊叹的Web图形所需的一切。 小说？ 不，现实。 Macromedia Fireworks 2。
The original version of Fireworks from Macromedia was without a question the ultimate web graphic design solution. No other graphics program (including PhotoShop) could do everything that Fireworks could, without the addition of five or ten plug-ins and several third-party programs. Version 2 of Fireworks continues the long-standing tradition of this all-in-one web graphics design package with the addition of a wealth of new features and usability improvements.
Macromedia的Fireworks原始版本毫无疑问是最终的Web图形设计解决方案。 如果不添加五个或十个插件和几个第三方程序，其他图形程序(包括PhotoShop)将无法完成Fireworks所能完成的所有工作。 Fireworks的版本2继承了此多合一Web图形设计软件包的悠久传统，并增加了许多新功能并改进了可用性。
New Features include:
新功能包括：
Auto Kerning to improve the appearance of small text. 自动字距调整可改善小文本的外观。 File format support for PhotoShop 5, Illustrator 8, among others 支持PhotoShop 5，Illustrator 8等文件格式 Scriptlets let you create drag and drop JavaScripts to combine batch find and replace with batch export features. 脚本小程序使您可以创建拖放JavaScript，以将批次查找和替换与批次导出功能结合在一起。 Improved batch processing lets you batch process images for an entire site. 改进的批处理功能使您可以批量处理整个站点的图像。 Hotspot rollovers provide for irregular shaped areas that trigger rollovers. 热点翻转提供了触发翻转的不规则形状的区域。 Better integration with Dreamweaver 2 与Dreamweaver 2更好地集成The new version of Fireworks 2 is also $100 cheaper than the original at $199. You can upgrade to the new version electronically for a mere $99.
Fireworks 2的新版本也比原始版本的199美元便宜了100美元。 您只需支付$ 99，就可以通过电子方式升级到新版本。
/# pagebreak ‘The Design Environment’#/
/＃pagebreak'设计环境'＃/
Those using Paint Shop Pro or PhotoShop will feel right at home in the Fireworks 2 interface (left). There’s a standard toolbar, and several floating panels with palettes and settings for various effects.
使用Paint Shop Pro或PhotoShop的用户将在Fireworks 2界面(左)中感到宾至如归。 有一个标准的工具栏，以及几个带有调色板和各种效果设置的浮动面板。
My favourite feature in the design environment is Live Effects ™. I was able to create effects like bevels, glows and drop shadows, and later go back and edit them. As I made the changes in the panels I was able to watch the results in real time. Live effects basically allows you to make changes to any special effect, at any time, without having to start over.
在设计环境中我最喜欢的功能是Live Effects™。 我能够创建诸如斜角，发光和阴影之类的效果，然后再回去对其进行编辑。 当我在面板中进行更改时，我可以实时查看结果。 基本上，实时效果使您可以随时更改任何特殊效果，而无需重新开始。
Fireworks 2 provides support for both vector and bitmap graphics. It actually blurs the lines between the two types. A path of a Fireworks object is an editable vector path. Yet, it may also have a texture fill, or an effect like bevel applied to it. If you magnify any object in Fireworks you will see individual pixels, yet the pixels redraw in response to vector editing. Even effects redraw after an object is edited, something that was previously only possible in bitmap image applications.
Fireworks 2支持矢量和位图图形。 实际上，这模糊了两种类型之间的界限。 Fireworks对象的路径是可编辑的矢量路径。 但是，它可能还具有纹理填充，或者像斜角一样应用了效果。 如果您在Fireworks中放大任何对象，您将看到单个像素，但是像素会根据矢量编辑重绘。 在编辑对象后，甚至效果也会重新绘制，这以前只能在位图图像应用程序中才能实现。
The program provides full support for PhotoShop plug-ins and formats. However, Fireworks 2 is not a tool that is meant to be used for production of non-web graphics.
该程序为PhotoShop插件和格式提供完全支持。 但是，Fireworks 2并不是用于生产非Web图形的工具。
Fireworks 2 provides everything that you need to create animated GIF files. Several Fireworks 2 panels are designed specifically with creating animations in mind. The VCR panel allows you to view the animation frame by frame or preview it. "Instances" is a nifty feature that allows you to reproduce something on multiple frames. If it is then edited on one frame, all instances of it are updated automatically.
Fireworks 2提供了创建动画GIF文件所需的一切。 几个Fireworks 2面板是专门为创建动画而设计的。 VCR面板允许您逐帧查看或预览动画。 “实例”是一个很棒的功能，它使您可以在多个帧上重现某些内容。 如果然后在一帧上对其进行编辑，则会自动更新其所有实例。
Onion skinning, when turned on, shows objects on frames before or after the current frame, but dimmer, so that it’s easy to distinguish them from the object’s current frame.
启用洋葱皮功能后，它会在当前帧之前或之后显示对象，但会变暗，这样很容易将它们与对象的当前帧区分开。
It’s features like these that make Fireworks 2 THE tool for designing web graphics. Fireworks combines the best of standalone graphic, animation, and optimization programs all into one framework.
这些功能使Fireworks 2成为设计Web图形的工具。 Fireworks将最好的独立图形，动画和优化程序全部整合到一个框架中。
Slicing images in Fireworks is a straightforward process. Using the slice tool, I was able to draw rectangular slice objects on an image. Fireworks automatically creates the smallest number of slices possible by intelligently combining parts of an image that do not contain slice objects. The result is less HTML code, as well as slightly faster loading pages. Exporting the final output was a simple task, which required me to specify a destination folder. Fireworks 2 automatically named the sliced images according to what I had defined in the Properties dialog.
在Fireworks中对图像进行切片是一个简单的过程。 使用切片工具，我能够在图像上绘制矩形切片对象。 Fireworks通过智能组合图像中不包含切片对象的部分，自动创建可能最少的切片。 结果是更少HTML代码，以及更快的页面加载速度。 导出最终输出是一个简单的任务，需要我指定一个目标文件夹。 Fireworks 2根据我在“属性”对话框中定义的名称自动命名切片的图像。
The down side on the slicing is if you actually export the HTML it comes out as CSS, and not regular HTML. The previous version actually made basic HTML templates, instead of CSS.
切片的缺点是，如果您实际导出HTML是CSS而不是常规HTML出来的。 先前的版本实际上制作了基本HTML模板，而不是CSS。
/# pagebreak ‘Optimizing Graphics, and creating JavaScript rollovers’#/
/＃pagebreak'优化图形，并创建JavaScript过渡'＃/
Image optimization takes place in the export dialog box. Optionally, you can use an export wizard to aid you in the optimization of graphics. As a test, I took the WR logo that you see in the upper-left hand corner of this page, and I ran it through the wizard. After answering a few short questions, including my target size, a dialog popped up with the wizard’s advice. After reading it, and clicking "OK," the Export Preview window popped up.
图像优化在导出对话框中进行。 (可选)您可以使用导出向导来帮助您优化图形。 作为测试，我采用了您在本页左上角看到的WR徽标，并通过向导对其进行了运行。 在回答了几个简短的问题(包括我的目标尺寸)后，弹出了一个对话框，其中包含向导的建议。 阅读后，单击“确定”，弹出“导出预览”窗口。
The graphic was optimized to my target size. I fiddled with the settings a little bit more, eventually getting the file down to 2.03KB, from the original 2.18KB, without altering the image quality at all. The change was very small, but the image had previously been optimized using Ulead SmartSaver. I wasn’t expecting anything drastic.
图形已针对我的目标尺寸进行了优化。 我略微调整了设置，最终将文件从原来的2.18KB减小到2.03KB，而丝毫没有改变图像质量。 更改很小，但以前使用Ulead SmartSaver对图像进行了优化。 我没想到会有什么大的事情。
Take a look at the screen shot above to see what the export preview window looks like.
查看上面的屏幕快照，以查看导出预览窗口的外观。
JavaScript rollovers allow for images to change their appearance when the mouse is moved over them, or when they are clicked. This is accomplished by a piece of JavaScript code that swaps the image when the visitor’s mouse is hovered over it. Creating JavaScript rollovers in Fireworks 2 is extremely simple. Once the different images to represent the different states of an image are drawn, hotspots are selected, and the final results exported. Fireworks 2 automatically generates the JavaScript necessary for the rollovers to function properly. Fireworks 2 even allows for the creation of irregularly shaped rollovers, something which used to be very difficult in the past.
当鼠标移到图像上或单击图像时，JavaScript滚动允许图像更改其外观。 这是通过一段JavaScript代码完成的，该代码在访问者的鼠标悬停在该图像上时会交换该图像。 在Fireworks 2中创建JavaScript过渡非常简单。 一旦绘制了代表图像不同状态的不同图像，就选择了热点，并导出了最终结果。 Fireworks 2自动生成使过渡正常运行所必需JavaScript。 Fireworks 2甚至允许创建不规则形状的翻转，这在过去曾经非常困难。
However, if you haven’t read all the documentation inside out for Fireworks, it can be a little bit difficult to learn how to use the JavaScript Rollover feature.
但是，如果您还没有阅读完Fireworks的全部文档，那么学习如何使用JavaScript滚动功能可能会有些困难。
An image map allows for the creation of images with hotspots which, when clicked, will take a visitor to a particular URL. A single image can therefore be linked to multiple pages. I had no problem creating a simple image map in Fireworks. Using one of the hotspot tools, I selected an area of an image and defined it as being a hotspot. In the Image Map Options panel, I specified a destination URL for each of the hotspots that I created. Next, I selected Export from the File menu, selected a destination directory, and the image and the HTML file containing the code for the image map were placed there.
图像映射允许创建带有热点的图像，单击这些图像将使访问者进入特定的URL。 因此，单个图像可以链接到多个页面。 我在Fireworks中创建简单的图像映射没有问题。 使用一种热点工具，我选择了图像的一个区域并将其定义为热点。 在“图像映射选项”面板中，我为创建的每个热点指定了目标URL。 接下来，我从“文件”菜单中选择了“导出”，选择了一个目标目录，并将图像和包含图像映射代码HTML文件放置在此处。
/# pagebreak ‘Batch Processing, Dreamweaver 2 Integration and more’#/
/＃pagebreak'批处理，Dreamweaver 2集成等'＃/
Batch processing is designed to automatically process a group of graphics. For example, Fireworks 2 makes it possible to convert formats for a selection of graphics or change the settings on a group of files (for example, change all GIF files into interlaced GIFs). You can even find and replace text, colors, URLs and fonts in a batch of graphics if they are in Fireworks PNG, Illustrator, Freehand or CorelDRAW format.
批处理旨在自动处理一组图形。 例如，Fireworks 2可以转换用于选择图形的格式或更改一组文件的设置(例如，将所有GIF文件更改为隔行GIF)。 如果它们是Fireworks PNG，Illustrator，Freehand或CorelDRAW格式，甚至可以在一批图形中查找和替换文本，颜色，URL和字体。
Fireworks allows for the creation of "Scriptlets," which will easily recreate a batch process in the future. These cross-platform scriptlets can be shared among computers, and other individuals in a company. This makes it easy to standardize all of the graphics.
Fireworks允许创建“脚本”，将来可以轻松地重新创建批处理过程。 这些跨平台脚本可以在计算机和公司中的其他个人之间共享。 这使得标准化所有图形变得容易。
Fireworks 2 is great as a stand-alone product, but it becomes even better if you also have Dreamweaver 2 installed. I was able to export JavaScript rollovers created in Fireworks 2 directly into Dreamweaver, where I could make further edits. I was also able to export graphics made in Fireworks as objects, and then use them in Dreamweaver 2. If you have both programs installed, it is very easy to launch Fireworks 2 from within Dreamweaver to quickly make changes to a graphic.
Fireworks 2作为独立产品很棒，但是如果您还安装了Dreamweaver 2，它将变得更好。 我能够将在Fireworks 2中创建JavaScript过渡直接导出到Dreamweaver，在其中可以进行进一步的编辑。 我还能够将Fireworks中制作的图形导出为对象，然后在Dreamweaver 2中使用它们。如果同时安装了这两个程序，则可以很容易地从Dreamweaver中启动Fireworks 2，以快速更改图形。
Intel Pentium processor 120 (Pentium II recommended) Windows 95, 98 or NT (with Service Pack 3) or later 32 MB of RAM on Windows 95/98, 40+ MB recommended for Windows NT 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type Manager Version 4 or later with Type 1 fonts
英特尔奔腾处理器120(推荐使用奔腾II)Windows 95、98或NT(带有Service Pack 3)或更高版本Windows 95/98上具有32 MB RAM，对于Windows NT 640 x 480建议使用40+ MB，256色显示屏(1024 x 768，建议使用数百万种颜色)60 MB的可用硬盘空间(建议使用100 MB)Adobe Type Manager版本4或更高版本，带有Type 1字体
Power Macintosh Processor, (G3 recommended) Mac OS 7.5.5 or later 24 MB of available RAM with virtual memory on minimum; 32+ MB of available RAM with virtual memory off recommended 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type 4 manager or later required with Type 1 fonts
Power Macintosh处理器，(建议使用G3)Mac OS 7.5.5或更高版本24 MB的可用RAM，最小虚拟内存； 建议使用32+ MB的可用RAM，并关闭虚拟内存，建议使用640 x 480，256色显示屏(建议使用1024 x 768，建议使用数百万种颜色)60 MB的可用硬盘空间(建议使用100 MB)，类型需要Adobe Type 4管理器或更高版本1种字体
I would recommend having at least, 64 MB of RAM for fast editing, especially if you have more than one program open while running Fireworks. Otherwise you’ll be lucky to actually get any more than one or two megs of RAM that the program can actually use for rendering.
我建议至少有64 MB的RAM用于快速编辑，尤其是在运行Fireworks时打开多个程序的情况下。 否则，您将很幸运地获得了该程序实际可用于渲染的一两个以上的RAM。
Programs like Ulead SmartSaver and Ignite have their days numbered. Web graphics designers asked for a robust graphics design tool with capabilities for creating rollovers, image maps, optimizing and slicing graphics, and Macromedia delivered. The competitive $199 price makes this program cheaper than buying separate tools to do all the tasks that Fireworks 2 performs. As with all Macromedia products, a fully-functional, 30-day trial version is available for download from their site.
诸如Ulead SmartSaver和Ignite之类的程序已经过日子了。 Web图形设计师要求一种功能强大的图形设计工具，该工具具有创建过渡，图像映射，优化和切片图形以及交付Macromedia的功能。 具竞争力的199美元价格使该程序比购买单独的工具来执行Fireworks 2执行的所有任务便宜。 与所有Macromedia产品一样，可以从其站点下载功能齐全的30天试用版。
Rating: 5/5
评分：5/5
Macromedia.com – Take a tour of Fireworks 2, or go straight to the trial download on the Macromedia site.
Macromedia.com –浏览Fireworks 2，或直接在Macromedia网站上下载试用版。
In the past, creating something as simple as an animation for the web would require multiple applications, and likely several plug-ins. You’d need a program to create the individual frames of the animation and several plug-ins to add text effects, like drop shadows. Once the frames were created you would export them into an animation program to create the animated GIF file. Finally, you would load the animation into an optimization tool to shrink it down. If you made a mistake somewhere along the way, or if you wanted to make a change to one of the frames, you would have to go through the entire process again.
过去，为网络创建像动画一样简单的内容将需要多个应用程序，并且可能需要多个插件。 您需要一个程序来创建动画的各个帧，并需要几个插件来添加文本效果，例如阴影。 Once the frames were created you would export them into an animation program to create the animated GIF file. Finally, you would load the animation into an optimization tool to shrink it down. If you made a mistake somewhere along the way, or if you wanted to make a change to one of the frames, you would have to go through the entire process again.
Now, fast forward to the present. You create, optimize and animate the graphics in one application. If you need to edit a frame of an animation you don’t need to back-track. You no longer have to switch between multiple tools to create graphics for the web, because you have a single program installed that will do everything that you need to create stunning web graphics. Fiction? No. Reality. Macromedia Fireworks 2.
Now, fast forward to the present. You create, optimize and animate the graphics in one application. If you need to edit a frame of an animation you don't need to back-track. You no longer have to switch between multiple tools to create graphics for the web, because you have a single program installed that will do everything that you need to create stunning web graphics. Fiction? No. Reality. Macromedia Fireworks 2.
The original version of Fireworks from Macromedia was without a question the ultimate web graphic design solution. No other graphics program (including PhotoShop) could do everything that Fireworks could, without the addition of five or ten plug-ins and several third-party programs. Version 2 of Fireworks continues the long-standing tradition of this all-in-one web graphics design package with the addition of a wealth of new features and usability improvements.
The original version of Fireworks from Macromedia was without a question the ultimate web graphic design solution. No other graphics program (including PhotoShop) could do everything that Fireworks could, without the addition of five or ten plug-ins and several third-party programs. Version 2 of Fireworks continues the long-standing tradition of this all-in-one web graphics design package with the addition of a wealth of new features and usability improvements.
New Features include:
New Features include:
Auto Kerning to improve the appearance of small text. Auto Kerning to improve the appearance of small text. File format support for PhotoShop 5, Illustrator 8, among others File format support for PhotoShop 5, Illustrator 8, among others Scriptlets let you create drag and drop JavaScripts to combine batch find and replace with batch export features. Scriptlets let you create drag and drop JavaScripts to combine batch find and replace with batch export features. Improved batch processing lets you batch process images for an entire site. Improved batch processing lets you batch process images for an entire site. Hotspot rollovers provide for irregular shaped areas that trigger rollovers. Hotspot rollovers provide for irregular shaped areas that trigger rollovers. Better integration with Dreamweaver 2 Better integration with Dreamweaver 2The new version of Fireworks 2 is also $100 cheaper than the original at $199. You can upgrade to the new version electronically for a mere $99.
The new version of Fireworks 2 is also $100 cheaper than the original at $199. You can upgrade to the new version electronically for a mere $99.
/# pagebreak ‘The Design Environment’#/
/# pagebreak 'The Design Environment'#/
Those using Paint Shop Pro or PhotoShop will feel right at home in the Fireworks 2 interface (left). There’s a standard toolbar, and several floating panels with palettes and settings for various effects.
Those using Paint Shop Pro or PhotoShop will feel right at home in the Fireworks 2 interface (left). There's a standard toolbar, and several floating panels with palettes and settings for various effects.
My favourite feature in the design environment is Live Effects ™. I was able to create effects like bevels, glows and drop shadows, and later go back and edit them. As I made the changes in the panels I was able to watch the results in real time. Live effects basically allows you to make changes to any special effect, at any time, without having to start over.
My favourite feature in the design environment is Live Effects ™. I was able to create effects like bevels, glows and drop shadows, and later go back and edit them. As I made the changes in the panels I was able to watch the results in real time. Live effects basically allows you to make changes to any special effect, at any time, without having to start over.
Fireworks 2 provides support for both vector and bitmap graphics. It actually blurs the lines between the two types. A path of a Fireworks object is an editable vector path. Yet, it may also have a texture fill, or an effect like bevel applied to it. If you magnify any object in Fireworks you will see individual pixels, yet the pixels redraw in response to vector editing. Even effects redraw after an object is edited, something that was previously only possible in bitmap image applications.
Fireworks 2 provides support for both vector and bitmap graphics. It actually blurs the lines between the two types. A path of a Fireworks object is an editable vector path. Yet, it may also have a texture fill, or an effect like bevel applied to it. If you magnify any object in Fireworks you will see individual pixels, yet the pixels redraw in response to vector editing. Even effects redraw after an object is edited, something that was previously only possible in bitmap image applications.
The program provides full support for PhotoShop plug-ins and formats. However, Fireworks 2 is not a tool that is meant to be used for production of non-web graphics.
The program provides full support for PhotoShop plug-ins and formats. However, Fireworks 2 is not a tool that is meant to be used for production of non-web graphics.
Fireworks 2 provides everything that you need to create animated GIF files. Several Fireworks 2 panels are designed specifically with creating animations in mind. The VCR panel allows you to view the animation frame by frame or preview it. "Instances" is a nifty feature that allows you to reproduce something on multiple frames. If it is then edited on one frame, all instances of it are updated automatically.
Fireworks 2 provides everything that you need to create animated GIF files. Several Fireworks 2 panels are designed specifically with creating animations in mind. The VCR panel allows you to view the animation frame by frame or preview it. "Instances" is a nifty feature that allows you to reproduce something on multiple frames. If it is then edited on one frame, all instances of it are updated automatically.
Onion skinning, when turned on, shows objects on frames before or after the current frame, but dimmer, so that it’s easy to distinguish them from the object’s current frame.
Onion skinning, when turned on, shows objects on frames before or after the current frame, but dimmer, so that it's easy to distinguish them from the object's current frame.
It’s features like these that make Fireworks 2 THE tool for designing web graphics. Fireworks combines the best of standalone graphic, animation, and optimization programs all into one framework.
It's features like these that make Fireworks 2 THE tool for designing web graphics. Fireworks combines the best of standalone graphic, animation, and optimization programs all into one framework.
Slicing images in Fireworks is a straightforward process. Using the slice tool, I was able to draw rectangular slice objects on an image. Fireworks automatically creates the smallest number of slices possible by intelligently combining parts of an image that do not contain slice objects. The result is less HTML code, as well as slightly faster loading pages. Exporting the final output was a simple task, which required me to specify a destination folder. Fireworks 2 automatically named the sliced images according to what I had defined in the Properties dialog.
Slicing images in Fireworks is a straightforward process. Using the slice tool, I was able to draw rectangular slice objects on an image. Fireworks automatically creates the smallest number of slices possible by intelligently combining parts of an image that do not contain slice objects. The result is less HTML code, as well as slightly faster loading pages. Exporting the final output was a simple task, which required me to specify a destination folder. Fireworks 2 automatically named the sliced images according to what I had defined in the Properties dialog.
The down side on the slicing is if you actually export the HTML it comes out as CSS, and not regular HTML. The previous version actually made basic HTML templates, instead of CSS.
The down side on the slicing is if you actually export the HTML it comes out as CSS, and not regular HTML. The previous version actually made basic HTML templates, instead of CSS.
/# pagebreak ‘Optimizing Graphics, and creating JavaScript rollovers’#/
/# pagebreak 'Optimizing Graphics, and creating JavaScript rollovers'#/
Image optimization takes place in the export dialog box. Optionally, you can use an export wizard to aid you in the optimization of graphics. As a test, I took the WR logo that you see in the upper-left hand corner of this page, and I ran it through the wizard. After answering a few short questions, including my target size, a dialog popped up with the wizard’s advice. After reading it, and clicking "OK," the Export Preview window popped up.
Image optimization takes place in the export dialog box. Optionally, you can use an export wizard to aid you in the optimization of graphics. As a test, I took the WR logo that you see in the upper-left hand corner of this page, and I ran it through the wizard. After answering a few short questions, including my target size, a dialog popped up with the wizard's advice. After reading it, and clicking "OK," the Export Preview window popped up.
The graphic was optimized to my target size. I fiddled with the settings a little bit more, eventually getting the file down to 2.03KB, from the original 2.18KB, without altering the image quality at all. The change was very small, but the image had previously been optimized using Ulead SmartSaver. I wasn’t expecting anything drastic.
The graphic was optimized to my target size. I fiddled with the settings a little bit more, eventually getting the file down to 2.03KB, from the original 2.18KB, without altering the image quality at all. The change was very small, but the image had previously been optimized using Ulead SmartSaver. I wasn't expecting anything drastic.
Take a look at the screen shot above to see what the export preview window looks like.
Take a look at the screen shot above to see what the export preview window looks like.
JavaScript rollovers allow for images to change their appearance when the mouse is moved over them, or when they are clicked. This is accomplished by a piece of JavaScript code that swaps the image when the visitor’s mouse is hovered over it. Creating JavaScript rollovers in Fireworks 2 is extremely simple. Once the different images to represent the different states of an image are drawn, hotspots are selected, and the final results exported. Fireworks 2 automatically generates the JavaScript necessary for the rollovers to function properly. Fireworks 2 even allows for the creation of irregularly shaped rollovers, something which used to be very difficult in the past.
JavaScript rollovers allow for images to change their appearance when the mouse is moved over them, or when they are clicked. This is accomplished by a piece of JavaScript code that swaps the image when the visitor's mouse is hovered over it. Creating JavaScript rollovers in Fireworks 2 is extremely simple. Once the different images to represent the different states of an image are drawn, hotspots are selected, and the final results exported. Fireworks 2 automatically generates the JavaScript necessary for the rollovers to function properly. Fireworks 2 even allows for the creation of irregularly shaped rollovers, something which used to be very difficult in the past.
However, if you haven’t read all the documentation inside out for Fireworks, it can be a little bit difficult to learn how to use the JavaScript Rollover feature.
However, if you haven't read all the documentation inside out for Fireworks, it can be a little bit difficult to learn how to use the JavaScript Rollover feature.
An image map allows for the creation of images with hotspots which, when clicked, will take a visitor to a particular URL. A single image can therefore be linked to multiple pages. I had no problem creating a simple image map in Fireworks. Using one of the hotspot tools, I selected an area of an image and defined it as being a hotspot. In the Image Map Options panel, I specified a destination URL for each of the hotspots that I created. Next, I selected Export from the File menu, selected a destination directory, and the image and the HTML file containing the code for the image map were placed there.
An image map allows for the creation of images with hotspots which, when clicked, will take a visitor to a particular URL. A single image can therefore be linked to multiple pages. I had no problem creating a simple image map in Fireworks. Using one of the hotspot tools, I selected an area of an image and defined it as being a hotspot. In the Image Map Options panel, I specified a destination URL for each of the hotspots that I created. Next, I selected Export from the File menu, selected a destination directory, and the image and the HTML file containing the code for the image map were placed there.
/# pagebreak ‘Batch Processing, Dreamweaver 2 Integration and more’#/
/# pagebreak 'Batch Processing, Dreamweaver 2 Integration and more'#/
Batch processing is designed to automatically process a group of graphics. For example, Fireworks 2 makes it possible to convert formats for a selection of graphics or change the settings on a group of files (for example, change all GIF files into interlaced GIFs). You can even find and replace text, colors, URLs and fonts in a batch of graphics if they are in Fireworks PNG, Illustrator, Freehand or CorelDRAW format.
Batch processing is designed to automatically process a group of graphics. For example, Fireworks 2 makes it possible to convert formats for a selection of graphics or change the settings on a group of files (for example, change all GIF files into interlaced GIFs). You can even find and replace text, colors, URLs and fonts in a batch of graphics if they are in Fireworks PNG, Illustrator, Freehand or CorelDRAW format.
Fireworks allows for the creation of "Scriptlets," which will easily recreate a batch process in the future. These cross-platform scriptlets can be shared among computers, and other individuals in a company. This makes it easy to standardize all of the graphics.
Fireworks allows for the creation of "Scriptlets," which will easily recreate a batch process in the future. These cross-platform scriptlets can be shared among computers, and other individuals in a company. This makes it easy to standardize all of the graphics.
Fireworks 2 is great as a stand-alone product, but it becomes even better if you also have Dreamweaver 2 installed. I was able to export JavaScript rollovers created in Fireworks 2 directly into Dreamweaver, where I could make further edits. I was also able to export graphics made in Fireworks as objects, and then use them in Dreamweaver 2. If you have both programs installed, it is very easy to launch Fireworks 2 from within Dreamweaver to quickly make changes to a graphic.
Fireworks 2 is great as a stand-alone product, but it becomes even better if you also have Dreamweaver 2 installed. I was able to export JavaScript rollovers created in Fireworks 2 directly into Dreamweaver, where I could make further edits. I was also able to export graphics made in Fireworks as objects, and then use them in Dreamweaver 2. If you have both programs installed, it is very easy to launch Fireworks 2 from within Dreamweaver to quickly make changes to a graphic.
Intel Pentium processor 120 (Pentium II recommended) Windows 95, 98 or NT (with Service Pack 3) or later 32 MB of RAM on Windows 95/98, 40+ MB recommended for Windows NT 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type Manager Version 4 or later with Type 1 fonts
Intel Pentium processor 120 (Pentium II recommended) Windows 95, 98 or NT (with Service Pack 3) or later 32 MB of RAM on Windows 95/98, 40+ MB recommended for Windows NT 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type Manager Version 4 or later with Type 1 fonts
Power Macintosh Processor, (G3 recommended) Mac OS 7.5.5 or later 24 MB of available RAM with virtual memory on minimum; 32+ MB of available RAM with virtual memory off recommended 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type 4 manager or later required with Type 1 fonts
Power Macintosh Processor, (G3 recommended) Mac OS 7.5.5 or later 24 MB of available RAM with virtual memory on minimum; 32+ MB of available RAM with virtual memory off recommended 640 x 480, 256-color display (1024 x 768, millions of colors recommended) 60 MB of free hard disk space (100 MB recommended) Adobe Type 4 manager or later required with Type 1 fonts
I would recommend having at least, 64 MB of RAM for fast editing, especially if you have more than one program open while running Fireworks. Otherwise you’ll be lucky to actually get any more than one or two megs of RAM that the program can actually use for rendering.
I would recommend having at least, 64 MB of RAM for fast editing, especially if you have more than one program open while running Fireworks. Otherwise you'll be lucky to actually get any more than one or two megs of RAM that the program can actually use for rendering.
Programs like Ulead SmartSaver and Ignite have their days numbered. Web graphics designers asked for a robust graphics design tool with capabilities for creating rollovers, image maps, optimizing and slicing graphics, and Macromedia delivered. The competitive $199 price makes this program cheaper than buying separate tools to do all the tasks that Fireworks 2 performs. As with all Macromedia products, a fully-functional, 30-day trial version is available for download from their site.
Programs like Ulead SmartSaver and Ignite have their days numbered. Web graphics designers asked for a robust graphics design tool with capabilities for creating rollovers, image maps, optimizing and slicing graphics, and Macromedia delivered. The competitive $199 price makes this program cheaper than buying separate tools to do all the tasks that Fireworks 2 performs. As with all Macromedia products, a fully-functional, 30-day trial version is available for download from their site.
Rating: 5/5
Rating: 5/5
Macromedia.com – Take a tour of Fireworks 2, or go straight to the trial download on the Macromedia site.
Macromedia.com – Take a tour of Fireworks 2, or go straight to the trial download on the Macromedia site.
翻译自: https://www.sitepoint.com/macromedia-fireworks-2/
macromedia
