文档介绍：Web Design Basics Tutorial
This tutorial will guide you through the basic tasks of designing web graphics and interactivity
with Macromedia Fireworks MX 2004. You’ll get hands-on experience using the industry’s
leading web graphics application and learn web design concepts along the way.
What you’ll learn
By taking this tutorial, you’ll replicate a typical Fireworks production workflow for designing a
web page. You will learn to do the following:
• Copy the Tutorials folder
• View pleted web page
• Open the source file
• Import a graphic
• Slice the document
• Create a drag-and-drop rollover
• Create and edit buttons to make a navigation bar
• Create and edit a pop-up menu
• Optimize the document
• Export HTML
• Test pleted file
1
What you should know
Before taking this tutorial, you should be familiar with designing graphics in Fireworks or other
vector and bitmap graphics applications. You should possess the basic skills covered in the
Fireworks “Graphic Design Basics Tutorial”. Specifically, you should know how to plish the
following tasks in Fireworks:
• Saving a document
• Selecting objects
• Editing object properties
• Displaying and using panels
• Working with layers and objects
• Creating and editing text
• Exporting a graphic
Copy the Tutorials folder
Before you begin, you’ll make a copy of the Tutorials folder so that you can save the results of
your work while allowing you or another user plete the tutorial at a later time using the
original files.
If pleted the Graphic Design Basics tutorial, you’ve already made a copy of the Tutorials
folder, so you can skip this step.
1 Navigate to the Fireworks application folder on your hard disk.
Note: If you are unable to view your Fireworks application folder, you may have limited access to
files on your system. You can download the files you need for this tutorial from the Fireworks
Support Center on the Fireworks Support Ce