adobe fireworks cs3(网页作图工具)

　　Fireworks cs5是一款广为人知的网页作图工具，它的功能以及特性都深得广大用户的喜爱，直观的用户界面，多个自定义模块都可以让用户在作图时更加得心应手，并且它允许用户在可自定义环境中创建以及优化用于网页图像制作过程中的控制，整个设计过程都是自定义控制，并且可以让用户在制作过程中对图形进行全方位调整；该程序还可以与其它软件进行协同工作，可以从Dreamweaver中编辑Fireworks文件，往返HTML功能将Fireworks和Dreamweaver紧密集成在一起，它允许您在一个应用程序中进行更改，并将那些更改无缝地反映在另一个应用程序中，如果在这一块有需要的用户，此工具绝对是最佳的选择之一；需要的用户可以下载体验

软件功能

　　1、分层的图层组织方式

　　采用与 Adobe Photoshop 类似的新分层图层结构来组织和管理原型，使您能方便地组织 Web 图层和页面。

　　2、滤镜效果

　　应用灯光效果、阴影效果、样式和混合模式 (包括源自 Photoshop 的 7 种新的混合模式)，增加文本和元件的深度和特性。

　　3、公用库

　　公用库中包含 Web 应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画, 可以使用它迅速开始原型构建过程。

　　4、智能缩放

　　通过 F9 切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将 F9 切片缩放与新的自动形状库相结合，以加速网站和应用程序的原型构建进度。

　　5、简化的 Dreamweaver 和 Flash 集成

　　复制 Fireworks CS3 中的任意对象，并直接粘贴到 Dreamweaver CS3 中。创建可保存为 CSS 和 HTML 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3，导出时可保持矢量、位图、动画和多状态不变，然后在 Flash CS3 中编辑文件。

软件特色

　　1、可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。

　　2、可帮助您在最佳图像品质和最小压缩大小之间达到平衡。

　　3、可以让您创建并优化图像。

　　4、能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。

　　5、无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

方法

　　1、用户可以点击本网站提供的下载路径下载得到对应的程序安装包

　　2、只需要使用解压功能将压缩包打开，双击主程序即可进行安装，弹出程序安装界面

　　3、可以根据自己的需要点击浏览按钮将应用程序的安装路径进行更改

　　4、桌面快捷键的创建可以根据用户的需要进行创建，也可以不创建

　　5、现在准备安装主程序，点击安装按钮开始安装

　　6、弹出应用程序安装进度条加载界面，只需要等待加载完成即可

　　7、根据提示点击安装，弹出程序安装完成界面，点击完成按钮即可

使用说明

　　矢量图形与分辨率无关。这意味着矢量图形外观的质量不会改变当您更改其颜色时；移动，调整大小或重塑形状；或输出设备的分辨率改变时。

　　关于位图图形位图图形由排列在网格中的点（像素）组成。您的计算机屏幕是一个大的像素网格。

　　在一个叶的位图版本，图像由网格中每个像素的位置和颜色值确定。

　　每个像素被分配了一种颜色。当以正确的分辨率查看时，这些点会像马赛克中的瓷砖一样排列在一起。

　　编辑位图图形时，将修改像素而不是直线和曲线。这些位图图形取决于分辨率，这意味着描述图像的数据固定在特定大小的网格上。放大位图图形会重新分配网格中的像素，这会使图像的边缘显得参差不齐。

　　显示位图分辨率低于图像本身的输出设备上的图形也会降低图像的质量。

　　创建一个新的Fireworks文档

　　Fireworks中的新文档将另存为可移植网络图形（PNG）文档。 PNG是本机文件格式烟花。

　　在Fireworks中创建的图形可以导出为或保存为多种Web和图形格式。不管您选择了优化和导出设置后，原始Fireworks PNG文件会保留下来，以便以后轻松编辑。

　　将Fireworks图像放入Dreamweaver文件中

　　在Dreamweaver中插入Fireworks JPEG文件时，将自动计算文件的质量。对于某些文件，该值可以是79。

　　使用任何这些步骤之前，请确保在“ HTML设置”对话框中选择Dreamweaver作为HTML类型。

　　使用“文件”面板将Fireworks图像插入Dreamweaver中

　　按照Dreamweaver中的定义将图像从Fireworks导出到本地站点文件夹。

　　打开Dreamweaver文档，并确保您处于“设计”视图中。

　　将图像从“文件”面板拖到Dreamweaver文档中。

　　使用“插入”菜单将Fireworks图像插入Dreamweaver

　　将插入点放置在希望图像显示在Dreamweaver文档窗口中的位置。

　　请执行以下任一操作：

　　选择插入>图像。

　　单击插入栏的“常用”类别中的“图像：图像”按钮。

　　导航到从Fireworks导出的图像，然后单击“确定”。

　　从Dreamweaver占位符创建新的Fireworks文件

　　图像占位符使您可以在创建页面的最终图稿之前尝试各种网页布局。使用图像占位符指定将来要放置在Dreamweaver中的Fireworks图像的大小和位置。

　　从Dreamweaver图像占位符创建Fireworks图像时，将创建一个新的Fireworks文档，其画布的尺寸与所选占位符的尺寸相同。

　　在Fireworks中应用的所有行为都会在导出回Dreamweaver时保留。同样，在使用Fireworks启动和编辑期间，大多数Dreamweaver行为也适用于图像占位符。但是，有一个例外：在Fireworks中打开和编辑时，Dreamweaver中应用于图像占位符的不连续翻转不会保留。

　　Fireworks会话结束并且返回到Dreamweaver后，您创建的新Fireworks图形将取代最初选择的图像占位符。

　　在Dreamweaver中，将所需的HTML文档保存到Dreamweaver站点文件夹内的某个位置。

　　将插入点放置在文档中所需的位置，然后执行下列操作之一：

　　选择“插入”>“图像对象”>“图像占位符”。

　　单击“插入”栏的“常用”类别中的“图像：图像”弹出菜单，然后选择“图像占位符”。

　　输入图像占位符的名称，尺寸，颜色和替代文本。

　　将图像占位符插入到Dreamweaver文档中。

　　图片占位符

　　DW上的图像占位符

　　注意：

　　图像占位符菜单项仅在13.0之前的Dreamweaver版本中可用

　　请执行以下任一操作：

　　选择图像占位符，然后在属性检查器中单击“创建”。

　　按住Control双击（Windows）或Command双击（Mac OS）图像占位符。

　　右键单击（Windows）或按住Control键单击（Mac OS），然后选择“在Fireworks中创建图像”。

　　Fireworks将打开一个空画布，该画布的大小与占位符图像的大小完全相同。“文档”窗口的顶部指示您正在编辑Dreamweaver中的图像。

　　在Fireworks中创建图像，然后单击“完成”。

　　指定源PNG文件的名称和位置。

　　为导出的图像文件指定名称。

　　这些是Dreamweaver中显示的图像文件。

　　在Dreamweaver站点文件夹中为一个或多个导出的图像文件指定一个位置，然后单击“保存”。

　　当您返回Dreamweaver时，最初选择的图像占位符将替换为新的Fireworks图像或表格。

　　图像占位符由新的Fireworks图像替换

　　将Fireworks HTML代码放入Dreamweaver中

　　将Fireworks文件导出到Dreamweaver的过程分为两个步骤。从Fireworks，将文件直接导出到Dreamweaver站点文件夹。这样会在您指定的位置生成HTML文件和关联的图像文件。然后，使用“插入Fireworks HTML”功能将HTML代码放入Dreamweaver。

　　将Fireworks HTML文档导出为HTML格式。

　　在Dreamweaver中，将文档保存在定义的站点中。

　　将插入点放在文档中要插入的HTML代码开始的位置。

　　请执行以下任一操作：

　　选择“插入”>“图像对象”>“ Fireworks HTML”。

　　单击“插入”栏的“常用”类别中的“图像：图像”弹出菜单，然后选择“ Fireworks HTML”。

　　在出现的对话框中，单击“浏览”以选择所需的Fireworks HTML文件。

　　（可选）选择“插入后删除文件”以将HTML文件移动到回收站（Windows）或在操作完成后将其永久删除（Mac OS）。

　　此选项不会影响与HTML文件关联的源PNG文件。

　　单击“确定”，将HTML代码及其关联的图像，切片和JavaScript插入Dreamweaver文档中。

　　复制Fireworks HTML代码以在Dreamweaver中使用

　　将Fireworks HTML代码复制到剪贴板时，与Fireworks文档关联的所有HTML和JavaScript代码都将复制到Dreamweaver文档中，图像将导出到您指定的位置，并且Dreamweaver使用指向这些图像的文档相对链接来更新HTML。

　　注意：

　　此方法仅适用于Dreamweaver。它不适用于其他HTML编辑器。

　　将HTML复制到Fireworks中的剪贴板，然后将其粘贴到Dreamweaver文档中。

　　注意：

　　您也可以在Dreamweaver中打开导出的Fireworks HTML文件，然后将所需的部分复制并粘贴到另一个Dreamweaver文档中。

　　更新导出到Dreamweaver的Fireworks HTML

　　注意：

　　使用导出到Dreamweaver的HTML时，往返HTML提供许多好处。

　　在Fireworks中对PNG文档进行更改。

　　选择文件>更新HTML。

　　导航到包含要更新的HTML的Dreamweaver文件，然后单击“打开”。

　　导航到要放置更新的图像文件的文件夹，然后单击“打开”。

　　Fireworks更新Dreamweaver文档中的HTML和JavaScript代码。Fireworks还将导出与HTML关联的更新图像，并将这些图像放置在指定的目标文件夹中。

　　注意：

　　如果Fireworks找不到匹配的HTML代码进行更新，则可以选择将新的HTML代码插入Dreamweaver文档中。Fireworks将新代码的JavaScript部分放在文档的开头，并将HTML表格或指向图像的链接放在结尾。

　　将Fireworks文件导出到Dreamweaver库

　　一个库项目是位于一个在你的站点根文件夹命名为Library文件夹中的HTML文件的一部分。库项目在Dreamweaver资产面板中显示为类别。在Dreamweaver中，库项目简化了编辑和更新常用网站组件的过程。您可以将库项目（扩展名为.lbi的文件）从“资产”面板拖到网站中的任何页面。

　　您不能直接在Dreamweaver文档中编辑库项目。您只能编辑主库项目。然后，您可以让Dreamweaver更新该项目在网站上放置的每个副本。Dreamweaver库项目非常类似于Fireworks符号。对主库（LBI）文档的更改将反映在您站点中的所有库实例中。

　　注意：

　　Dreamweaver库项目不支持弹出菜单。

　　选择文件>导出。

　　从“导出”弹出菜单中选择“ Dreamweaver库”。

　　选择或创建一个名为Library的文件夹 在Dreamweaver站点中作为文件的位置。名称区分大小写。

　　注意：

　　Dreamweaver不会将导出的文件识别为库项目，除非将其保存到“库”文件夹中。

　　输入文件名。

　　（可选）如果图像包含切片，请选择切片选项。

　　选择“将图像放入子文件夹”以选择用于保存图像的单独文件夹。

　　单击保存。