Accessibility

Table of Contents

  1. Introduction
  2. Creating a New Fireworks Document
  3. Creating a Button Symbol
  4. Creating Button States
  5. Creating Multiple Button Instances
  6. Changing Button Instance Text
  7. Assigning URLs and Names to the Buttons
  8. Optimizing the Navigation Bar
  9. Setting HTML Preferences
  10. Exporting the Document to HTML Format
  11. Viewing the Exported Files in the Dreamweaver Files Panel
  12. Viewing the Fireworks HTML File in a Browser

Building a Navigation Bar with Fireworks

Creating a New Fireworks Document

First you'll create a new Fireworks document for the nav bar.

  1. In Fireworks, select File > New.

    The New Document dialog box appears.

    The New Document dialog box

    Figure 1. The New Document dialog box

  2. In the Width text field, enter 650, and select Pixels (the default) from the Width pop-up menu.
  3. In the Height text field, enter 40, and select Pixels (the default) from the Height pop-up menu.
  4. In the Resolution text field, enter 72, and select Pixels/Inch (the default) from the Resolution pop-up menu.
  5. Under Canvas Color, select the White button if it is not already selected.

  6. Click OK.

    A new Fireworks document appears in the workspace. The canvas is white and is 650 pixels wide by 40 pixels high.

  7. Save the file (File > Save) as navbar.png.
Page 2 of 12
Previous Page
Next Page