Firework 做网站开发必备技能

### Firework 做网站开发必备技能 #### 一、Fireworks 8 一小时极速入门 ##### 1.1 进入Fireworks 8 **Fireworks 8** 是一款专为网页设计师打造的强大图像处理软件，它可以帮助设计师完成网页设计中的图形图像设计工作。该软件具有直观的操作界面和丰富的功能，非常适合初学者快速上手。 **启动方法**：打开计算机的“开始”菜单，找到“Macromedia”文件夹并展开，接着点击“Fireworks 8”来启动该软件。 **新建项目**：启动软件后，点击菜单栏中的“文件”，然后选择“新建”。在这里，你可以自定义新建项目的尺寸，通常根据目标显示器的分辨率来设定。例如，如果目标显示器分辨率为1024x768像素，则可以在宽度和高度中分别输入1024和768。 **选择文件格式**：创建好项目后，接下来需要选择导出的文件格式。常见的格式包括GIF和JPG。GIF格式适用于颜色数量较少的简单图片，而JPG格式则更适合保存照片等高质量图片。此外，还可以选择PNG格式以保留图像的透明度信息，便于后续编辑。 ##### 1.2 图像文件的导入 在网页设计中，常常需要导入外部图像文件来作为设计的基础。**导入图像**的方法很简单：点击“文件”菜单，然后选择“导入”，或者直接将图像文件拖拽至工作区。 **去除白色边框**：如果导入的图像带有不必要的白色边框，可以通过使用“魔术棒工具”轻松去除。只需在白色区域点击，然后按下键盘上的“Delete”键即可删除选中的区域。重复此过程直至所有白色区域都被清除。 **调整图层顺序**：在设计过程中，可能会遇到多个图像重叠的情况。此时，可以通过调整图层的顺序来确保每个元素都能正确显示。具体操作是在图层面板中选中需要调整的图层，然后使用“上移一层”或“移到最前”命令来改变其位置。 ##### 1.3 其他图形导入与层的设置 除了基本的图像文件外，还可能需要导入其他类型的图形元素。例如，矢量图形或其他设计素材。 **导入矢量图形**：与普通图像类似，可以通过“导入”命令来添加矢量图形。导入后，可以根据需要对其进行缩放、旋转或调整颜色等操作。 **调整图层顺序**：对于复杂的网页设计，合理地组织图层非常重要。通过调整图层的顺序，可以确保重要的元素处于最顶层，而背景或其他辅助元素位于底层。 ##### 1.4 在图形内放入文字 **插入文字**：在Fireworks 8中插入文字非常简便。在工具箱中选择“文本工具”（通常用字母“A”表示），然后在画布上点击并拖动以创建文本框。输入所需的文本后，可以进一步调整字体、大小、颜色等属性。 **应用样式**：Fireworks 8提供了多种内置的文本样式，可以通过“窗口”菜单下的“样式”面板来访问。选择合适的样式后，可以直接应用于文本，节省设计时间。 ##### 1.5 WEB创意 **添加创意效果**：为了让网页更具吸引力，可以利用Fireworks 8的创意工具为设计添加各种特效。例如，“图像渐隐”效果可以让背景颜色逐渐显现，营造出柔和过渡的感觉。 **渐隐效果示例**：选择需要处理的子图形，然后在“命令”菜单中找到“创意”选项，并选择“图像渐隐”。应用效果后，可以看到背景色以一定的透明度呈现出来。 ##### 1.6 图像的修饰——橡皮擦与刷子 **橡皮擦工具**：在网页设计过程中，有时需要去除图像中的某些部分。此时，可以使用“橡皮擦工具”来擦除不需要的部分。如果需要保持周围区域的颜色一致，可以在擦除之前先用“取色工具”取样周围的色彩，然后再使用“刷子工具”进行涂抹。 **刷子工具**：对于需要覆盖的小型标记或瑕疵，使用“刷子工具”是一种更精细的方法。先选取周围的颜色，然后轻轻涂抹，使整个区域看起来更加自然和谐。 ##### 1.7 保存与图像导出 **保存项目**：为了方便后续编辑，建议将设计文件保存为**PNG**格式。在“文件”菜单中选择“保存”，默认情况下，文件将以PNG格式保存。 **导出为Web格式**：最终，当设计完成后，需要将其导出为适合网页使用的格式，如**JPEG**或**GIF**。这一步骤可以通过“文件”菜单中的“导出”命令来完成。在导出对话框中，可以根据需要选择不同的格式选项和压缩设置，以确保最终的图像既清晰又体积适中。 通过上述步骤，你已经掌握了使用Fireworks 8进行基本的网页设计技能。随着实践经验的积累，你将能够更加熟练地运用这些工具和技术，创作出更加出色的网页设计作品。