Notes:

Adding a transparent Logo. You have 2 file format choices .gif and .png

Smart Object Graphics (new In Dreamweaver CS 4)

In Photoshop, to when you make an image (it doesn't have to be layered) and you can convert it into a "Smart Object".

Photoshop Menu: Layer > Smart Object

Then save it as a Photoshop PSD file

---Load the smart PSD file into Dreamweaver's Image editor and save the resized file as a 32 bit .png file

First Logo

Now you can re-edit the logo in Photoshop and Dreamweaver will tell you there has been a change, the red arrow says the logo has been edited.

If you resize the .png on your web page Dreamweaver will reload the psd file in the Image Editor and adjust the image using the .psd file... with no loss of image data.

When you Click on the red arrow and the logo will be updated in Dreamweaver and on your sever --automatically.

 

Updated Logo ...

 

 

 

 

To precisely place the image youcan put the image inside a div

Or, target the image using it's decendant relationship with the banner... #banner img (style all images in the div#banner )