Creating Navigational Buttons in Macromedia Fireworks
Home Contact WebmajesticResourcesWeb Design LessonsWeb Design TemplatesWeb Design ArticlesFree Web GraphicsHome

Step 5b: Creating basic navigational buttons in Macromedia Fireworks

That wasn't too bad, was it. Now I'd like to have a few navigational buttons on my website. Open a new canvas by selecting File, New and for the canvas size select 100 width by 25 height. The color can be white or if you want to choose another color, click on the colored box near custom. Clicking on it brings up the color palette. You can select any color in the palate to use for your background color. You can also type a color number in or use the Eyedropper Tool to select a color from anywhere in the window. I choose color number, #009999 which is Teal so that it matches with our header. Using the Text Tool, type in About Us on the canvas. Next export the graphic into your c:\website\images directory. It should look like this:

Next save your work into C:\website\source. Call it button_about.png. Now you need to edit your text by double clicking on it and selecting the text, type in Contact Us. Next export the graphic into your c:\website\images directory. Next save your work into C:\website\source. Call it button_contact.png. Now you need to edit your text once more by double clicking on it and selecting the text, type in Home. Next save your work into C:\website\source. Call it button_home.png.

Now you have create these 3 buttons:

Lesson 5a
Lesson 5c
Step 1 | Step 2 | Step 3 | Step 4 | Step 5 | Step 6 | Step 7 | Step 8 | Step 9 | Step 10
 
Home | Tutorials | Free Site Builder | Templates | Articles | Free Web Graphics | Web Resources | Links | Privacy | Contact
2000-2008 Webmajestic.com. All Rights Reserved.