Fireworks and Dreamweaver指南介绍
来源：互联网
作者：中国IDC吧
更新日期：2008-10-07
点击：Fireworks启动后会自动出现一个特殊的编辑窗口。窗口上方的图标显示你正在编辑Featured Destination图片的PNG版本，并且是从Dreamweaver中启动的。
不论何时你从Dreamweaver中启动Fireworks来编辑图片，Fireworks都会自动寻找当前图片的PNG格式源文件。如果Fireworks找不到源文件（例如，源文件被存放在Dreamweaver创建的网站之外），那么就会显示一条信息询问你是否需要指定一个文件来打开。较好的习惯是，一直将PNG格式的源文件存放在Dreamweaver创建的网站之中，那样就能被Fireworks在启动和编辑图片时找到。
在Fireworks中编辑图片
现在你要准备用Fireworks的工具来编辑Featured Destination。你将需要改变图片顶部标题文字的颜色，并为它添加阴影的效果。
-
在Fireworks中，如果需要，选择Window->Tools使工具条显示出来。
在工具条中，选择Pointer Tool，并且单击选中“Featured Destination”的文字。
在工具条中，点击填充色叫出调色版，并且把填充色改为深蓝色。
这样，Featured Destination文字的填充色就改变了，接下来要为文字添加阴影效果。 确定“Featured Destination”的文字依然处于被选中的状态。如果需要，选择Window->Effect显示出Effect面版。 在Effect面版的菜单中选择Shadow and Glow->Drop Shadow。按照希望的效果调整Drop Shadow的参数，完成后点击其他地方关闭对话框。
我们使用以下的设置：
当你完成后，点击编辑窗口上方的Done按钮将你所做的修改保存并回到Dreamweaver中。
PNG格式的源文件已经根据你所做的修改更新了，并且重新输出了GIF格式的图片到Dreamweaver中。在Dreamweaver中的页面也已经用新的GIF图片更新，你在Fireworks中做的修改马上能够反映出来。
启动Fireworks压缩一张图片
除了可以在Dreamweaver里启动Fireworks对图片做编辑，你还可以用Fireworks对图片的压缩设置做快速修改。当你需要在Dreamweaver中启动Fireworks压缩图片时，会出现一个对话窗口让你一面预览图片一面调整压缩设置。
设置Fireworks的启动和编辑选项
在你对Web页面做修改之前，你需要检查Fireworks的启动和编辑选项。这些选项指定了当Fireworks不能找到PNG源文件时会做一些什么。
-
切换到Fireworks。
在Fireworks中，选择Edit->Preference，选中Launch and Edit标签。
默认的设置是，当从外部程序中编辑（When Editing from External Application）和当从外部程序中压缩（When Optimizing from External Application）都设置为启动时询问（Ask When Launching）。
你无需担心从外部程序中编辑的设置，这项设置对于你从Dreamweaver中启动Fireworks编辑图片是不起作用的。然而，如果从外部程序中压缩的设置被改变过，你需要重新设置它。 如果需要，将从外部程序中压缩设置为启动时询问。
当设置成为启动时询问时，Fireworks在找不到PNG源文件时会显示一个对话框。这个对话框会让你选择一个PNG文件来作为源文件。
点击ok来关闭对话框。
启动Fireworks压缩图片
现在你将要调整网页左面的飞机图片的压缩设置来减小文件尺寸。
-
切换到Dreamweaver。
选中Travel Detail页面左面的飞机图片。
选择Commands->Optimize Image in Fireworks。
在Find Source窗口中点击“No”直接在Fireworks中编辑JPEG格式的文件，而不是源文件。
Optimize Images对话窗口会启动并带有图片的预览。注意图片当前的尺寸是40k左右，这个数值就显示在图片预览的上方。
你将会始终对JPEG格式的图片进行压缩操作，并更深一步的调整图片的质量。 在Quality中，输入75以减小文件的尺寸。
新的压缩设置在视觉上对图片所起的作用是非常轻微的。然而，文件的尺寸已经被减小到10k。
点击Optimize Images对话窗口右下角的的Update按钮完成更新并回到Dreamweaver中。
插入一个Fireworks表格
到目前为止，你已经体验了跨产品的交互，从Dreamweaver到Fireworks再回到Dreamweaver。现在你将会进一步体验这种循环，将一个Fireworks表格放置到Dreamweaver中，并在Dreamweaver和Fireworks中编辑它，最后回到Dreamweaver中看到已经更新的文件。
你将从在Travel Detail页面中央空白区域放置一个Fireworks表格开始。
在Fireworks中输出带表格的图片
首先，你要打开PNG格式的源文件。
-
切换到Fireworks。
在Fireworks中，选择File->Open。
在弹出的对话框中，找到硬盘上存放xtutorial_dwfw4的目录，找到content.png文件，并打开它。
content.png文件是一张大图片，但是已经被切割为很多个小矩形。如果想要了解更多关于创建切割的信息，请查看Fireworks帮助（Fireworks Help）中的使用热区和切割（Using Hotspots and Slices）。 点击工具条底部的显示切割（Show Slice）按钮显示出切割的边缘。
当你输出这张图片后，每个切割都会成为一个HTML表格的单元格。 选择File->Export。在Export对话框中做如下修改： 将文件保存的目录修改为xtutorial_dwfw4/images下的table目录。 将文件命名为content.htm 在Save As的弹出菜单中，选择HTML and Images。 在HTML弹出菜单中，选择Export HTML File。 在Slices弹出菜单中，选择Export Slices。 选择Include Areas Without Slices。
评论列表