Web Developer Foundations: Using XHTML
 

  Home

  Chapter 1   
    The Internet & the
    World Wide Web

  Macromedia
Fireworks MX Tutorial
Textbook Companion Web Site

 
Macromedia Fireworks MX Tutorial
Company Logo Banner Page 2

Create a New Image 

To create a new image, select "File", "New". Your display should be similar to the screen shown below. 

New Document

The "New Document" dialog box appears in the middle of your screen. This is used to configure setting for your new document. We would like our banner to be 600 pixels wide, 150 pixels high, have 72 ppi resolution (the default), and have a transparent background (Canvas Color).

Modify the "New Document" dialog box with these settings. It should be similar to the one shown below:

New Document Dialog Box

Click "OK". Fireworks creates the new image canvas according to your specifications and the window below appears on your screen.

New Document

Take a minute to familiarize yourself with it.

  • The "Untitled-2.png" in the Title Bar is the name of the file at this point. (Your file may be named Untitled-1.png.)
  • The image type png is the native image format for Fireworks, we will convert your logo to a gif or jpg format later.
  • The "@ 100%" indicates that the image is displayed at "100%" of its size.
  • The checkerboard pattern in the window indicates a transparent background canvas -- don't worry your final image will not have a checkerboard pattern background.
  • The "Original" tab is initially selected and indicates the image may be edited. We will work with "Preview" later.

If you look at the bottom right of this window you will notice the document size (600x150), display magnification (currently 100%) and a number of icons. Place your mouse over each icon to for a brief description of its purpose.

Continue with the next page to begin editing your company logo banner.

Previous Page Page 1 Next Page
Purchase the WDF book at Scott/Jones Publishing

  Chapter 2
    XHTML Basics


  Chapter 3 
   
XHTML Hyperlinks
    XHTML Tables

  Chapter 4 
    XHTML Color  &
    Visual Elements

  Chapter 5
   XHTML Frames   

  Chapter 6 
    XHTML Forms

  Chapter 7 
    Web Site Design

  Chapter 8 
    Web Site
    Development

  Chapter 9
    Introduction to 
    Cascading Style
    Sheets

  Chapter 10
    Web Media

  Chapter 11
    Promotion for 
    Web Developers

  Chapter 12 
    Introduction to Web
    Page Interactivity

  Chapter 13 
    E-Commerce

  Color Chart   

  FrontPage

  Dreamweaver

Bonus Chapters:
     Networking
     Security

Top of Page      

Copyright © 2002 
Terry A. Felke