Web Design Basics Tutorial

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 tutorial folder
• View the completed 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 the completed 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 accomplish 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 tutorial folder
Before you begin, you’ll make a copy of the folder that you downloaded and unzipped so that you
can save the results of your work while allowing you or another user to complete the ...