1. Create a new document:

From the File menu, select New and choose an alignment option:

• For browser versions 4.0 or higher, select Style Sheet Aligned Web Page.
• For 3.0 or lower browsers, select Table Aligned Web Page .

Tip: You can switch between Style Sheet and Table Alignment at any time.

2. Import TUTORIAL1.PSD.

Note the blank space in the upper left-hand corner of the page. This is where you will place the logo.

There are two ways you can import single graphics: from existing GIF and JPG files, or by importing individual Photoshop layers. Both options are explained in step 3.

3. Add a company logo:

From the File menu, select Import Graphics.

To import the logo from an existing GIF:

• Select GIF from the list of available file formats.
• Choose LOGO.GIF in the PhotoWebberSampleFiles folder.
• Click Open.

Drag the logo so it is in the upper left area of the page.

Tip: When importing existing GIF and JPG files, you can use the existing logo file or create a new one:

• To use the existing GIF file on your final web page, click Link to File on the import window.
• To create a new GIF, JPG or PNG file when you build the page, leave Link to File unchecked.

Notice that the GIF file has only single-color transparency so it can only be used against the same background color on which it was created. In this case, the white background does not work.

To import the logo from a Photoshop layer and maintain the full alpha-channel transparency:

• Select Photoshop File from the list of available file formats.
• Choose TUTORIAL1.PSD in the PhotoWebberSampleFiles folder and check Select Individual Layers For Import...
• Click Open.

• Highlight PW Logo in the list of layers.
• Click OK.

Drag the logo so it is in the upper left area of the page.