196 Tutorial: Creating a Page Banner
Add a background and place
the logo
After you create a new PNG file for the banner, you want to import a
photo to serve as the background image for the graphic. You also want to
import the Cafe Townsend logo.
You start by creating a new PNG file for the banner.
If you haven’t already set up a working folder, you must do so before you
begin. For instructions, see “Setting Up Your Site and Project Files.”
1.
In Fireworks, select File > New.
2.
In the New Document dialog box, do the following:
■
Enter
700
for the width and
92
for the height. Ensure that both
measurements are in pixels.
■
Set the canvas color to Custom and select black from the custom
color menu
3.
Click OK to create the document.
If the Document window isn’t maximized, that is, if it doesn’t fill the
center of the screen, maximize it by clicking the Maximize button
(Windows) or the zoom box (Macintosh) at the top of the Document
window. This step will give you plenty of room to work.
4.
Select File > Save and browse to the following folder on your hard disk:
local_sites/cafe_townsend/images/
5.
Name the file
banner_graphic.png
.
6.
Click Save.
NO
T
E
On the Macintosh, select the Add Filename Extension option if it’s not
already selected.
000_ExploringStudio.book Page 196 Tuesday, August 30, 2005 9:30 AM
Summary of Contents for STUDIO 8-EXPLORING STUDIO 8
Page 1: ...Exploring Studio 8...
Page 8: ......
Page 42: ...42 Learning Studio...
Page 134: ...134 Web Development Workflow...
Page 136: ......
Page 162: ...162 Tutorial Creating Page Mock ups...
Page 182: ......
Page 194: ...194 Tutorial Handling Photographs...
Page 254: ...254 Tutorial Building Your First Flash Application...
Page 266: ...266 Tutorial Building a Video Player Flash Professional only...
Page 268: ......
Page 294: ...294 Tutorial Adding Content to Pages...
Page 324: ...324 Tutorial Formatting Your Page with CSS...
Page 332: ...332 Tutorial Publishing Your Site...
Page 342: ...342 Tutorial Setting Up Your Website for Contribute Users...
Page 350: ...350 Index...