澳门皇冠真人官网是一个网站架设的学习平台,提供最新的网站制作与网站运营等教程

firworks教程(一)

来源:网络整理更新时间:2012-08-26 15:56点击:

Fireworks简介

Macromedia Fireworks MX 2004 是一款用来设计网页图形的应用程序。

它所含的创新性解决方案解决了图形设计人员和网站管理员所面临的主要问题。Fireworks 中的工具种类齐全,使用这些工具,您可以在单个文件中创建和编辑矢量和位图图形。

Fireworks 可生成javascript,从而使您可以很轻松地创建变换图像。高效的优化功能可在不牺牲品质的前提下缩减网页图形文件的大小。如果您初次接触 Fireworks,本章将帮助您理解打开、导入和保存文件等一般的 Fireworks 概念、在 Fireworks 环境中找到解决问题的方法以及如何在文件中工作。在创建新文件或打开现有文件之后,您就可以使用 Fireworks 工作环境了。


关于在 Fireworks 中工作

Fireworks 是一个创建、编辑和优化网页图形的多功能应用程序。您可以创建和编辑位图和矢量图像、设计网页效果(如变换图像和弹出菜单)、修剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。

在完成一个文档后,您可以将其导出或另存为 JPEG 文件、GIF 文件或其它格式的文件,与包含 HTML 表格和 javascript 代码的 HTML 文件一起用于网页。如果您想继续使用其它应用程序(如 Photoshop 或 Macromedia Flash)编辑该文档,还可以导出特定于相应应用程序的文件类型。
 

矢量和位图对象

Fireworks “工具”面板中,您会看到绘制和编辑矢量图与位图的工具分别位于不同的部分。

Fireworks 中,选择的工具决定了创建的对象是矢量图还是位图。例如,从“工具”面板的“矢量”部分选择“钢笔”工具,您就可以通过绘制点来绘制矢量路径。选择“刷子”工具,则可以拖动以绘制位图对象。选择“文本”工具,可以键入文字。

绘制矢量对象、位图对象或文本后,您可以使用各种工具、效果、命令和技术来增强和完成图形。您可以使用“按钮编辑器”中的 Fireworks 工具创建交互式导航按钮。

您也可以使用 Fireworks 工具编辑导入的图形。可以导入和编辑 JPEG、GIF、PNG、PSD 和其它许多文件格式的文件。导入图形图像之后,您不但可以对其进行裁切、润饰和蒙版处理,还可以调整颜色和色调。

交互式图形

切片和热点是指定网页图形中交互区域的网页对象。

切片将图像切成不同的部分,您可以将变换图像行为、动画和统一资源定位器 (URL) 链接应用到这些部分上。另外,可以使用不同的设置导出各个部分。在网页上,每个切片都出现在一个表格单元格中。使用热点可将 URL 链接和行为指定给整个图形或图形的某个部分。

切片和热点具有拖放变换图像手柄,使您可以直接在工作区中快速为图形指定交换图像和变换图像行为。“按钮编辑器”和“弹出菜单编辑器”是两个使用非常方便的 Fireworks 功能,可帮助您生成特殊的、用于在网站中导航的交互式图形。

关于优化和导出图形

Fireworks 具有强大的优化功能,可帮助您在准备导出图形时在文件大小和可接受的视觉品质之间取得平衡。

您可以在 Fireworks 中优化网页图形以尽可能地减小文件大小,使其能够快速地加载到网站中;另外,您还可以在工作区的“预览”、“2 幅”或“4 幅”视图中对各种优化图形的品质进行比较。图像可以切成若干个更小的部分,然后以最适合于每部分内容的格式优化它们。对于所增加的优化灵活性,您可以使用选择性 JPEG 压缩将重点放在 JPEG 的最重要部分,但此时会降低背景的品质。

优化图形后,下一步是将它们导出以便在网页上使用。从 Fireworks 源 PNG 文档中,您可以导出许多种类型的文件,其中包括 JPEG、GIF、GIF 动画和包含多种文件类型的切片图像的 HTML 表格。

Fireworks MX 2004 主界面

第一次在 Fireworks 中打开文档时,Fireworks 会激活工作环境,其中包括“工具”面板、“属性”检查器、菜单和其它一些面板。

“工具”面板位于屏幕的左侧,该面板分成了多个类别并用标签标明,其中包括位图、矢量和网页工具组。

“属性”检查器默认情况下出现在文档的底部,它最初显示文档的属性。然后,当您在文档中工作时,它将改为显示新近所选工具或当前所选对象的属性。面板最初沿屏幕右侧成组停放。文档窗口出现在应用程序的中心。

 

 

相关搜索:

本站推荐