The background of the banner graphic consists of a photograph of the interior of a Cafe Townsend restaurant. You want to import the photograph in your document, and then adjust it to fit the dimensions of the banner.

  1. With the banner_graphic.png file open in Fireworks, select File > Import and browse to the following folder on your hard disk:

    local_sites/cafe_townsend/fireworks_assets/

  2. Select cafePhoto.jpg and click Open.
  3. Align the insertion pointer with the upper-left corner of the canvas as shown in the following illustration, and then click to insert the image.

    This is a picture of the feature being described.

    The image appears, selected, on the canvas. The image is larger than the canvas, as indicated by its blue outline. To make it fit the way you want, you scale and position the photo.

  4. With the image still selected, select the Scale tool in the Tools panel (or press Q).

    This is a picture of the feature being described.

  5. Zoom out to view the entire photo by using the magnification pop-up menu in the lower right corner of the Document window.

    This is a picture of the feature being described.

  6. With the Scale tool, reduce the size of the photo by about 25 percent by clicking the selection point in the lower right corner of the photo and dragging the mouse towards the upper-left corner.

    Moving a corner selection point with the Scale tool scales the photo proportionately.

    .This is a picture of the feature being described.

  7. Click the photo and drag it so that the canvas displays the part of the photo that you want to be visible in the banner.

    Move the photo to compose an interesting image for the banner graphic's background.

    This is a picture of the feature being described.

  8. Once you're satisfied with the image, save your work.