Let's first create a new logo image.
Open up your image editing tool. In this example, we'll use Adobe Photoshop, but any image editor will do.
A logo image of about 270 pixels wide and 90 pixels high will fit nicely in the existing template header space (in Chapter 11, Creating an Attractive Design: Working with Templates, you'll learn how to take a look at the HTML and CSS to find out the dimensions used in different parts of the page design). Click on New. In the Width and Height boxes, fill in
270
and90
pixels respectively. Choose Background Contents: Transparent.In Photoshop, the PNG file shows a grey and white "checkerboard" background.This indicates that the background is transparent, which means the colors of the header background will shine through. This way, the logo image you create blends in nicely with the overall design.
Now you can create any logo you like. Let's skip the details, as these depend on the specific needs of your site...