Image as a "header" on each webpage Options

[Focus1]

Hi guy's I'm pretty new to HTML but I'm getting there all be it slowly I've taken a beginners course in HTML and it's 4.01 strict and I've just finished my first ever website and I'm happy enough I got that far as it looked quite daunting at the start.

However, in my first website I just used some text in a frame for each of my webpages as a 'header' so to speak, using frames was part of the course criteria.
But now I'd like to make a design that will go across the top of each of my webpages. For instance I'd like to make a website for my wife, she sells bouquets of flowers, so I'd like to have an image at the top of all my webpages with a picture of flowers and some text etc...

Can you guy's tell me what is the best way to go about implementing this ? I take it I create an image in photoshop of the actual width of my page and save it, then how would I go about coding this into HTML and CSS to have it done properly ?

Sorry if this is a nOOb'ish question but I just can't get my head around this at the min. I've done lots of googleing and some are saying this is called a 'header' and some are saying it's just putting an image at the top of each page...

Is there a certain way this 'header' has to be implemented ?

Many thanks

[Frederiek]

One thing though. The CSS #wrapper selector doesn't match <div class="wrapper"> and its styling will not get applied. Use .wrapper in the CSS instead or turn CLASS into ID inside the div tag.

And since you already have given the wrapper div a width and centered it, you don't need to center #header too, as that will be as wide as its parent container.

[pandy]

Oops!