When starting a design, I'm getting into the habit of doing this just to get a visual feel for what the contents going to be like on the page.

 

Does anyone else do this or does someone know of a better way to get a visual feel within the browser before starting to do heavier markup?

 

Example

When starting a design, I'm getting into the habit of doing this just to get a visual feel for what the contents going to be like on the page.

 

Does anyone else do this or does someone know of a better way to get a visual feel within the browser before starting to do heavier markup?

 

Example

 

Ahh, my eyes!

 

I nearly always start off with this in the body:

 

<div id="wrapper">
<div id="container">
 <div id="header"></div>
 <div id="content"></div>
 <div id="footer"></div>
</div>
</div>

 

From there I just work out widths & heights etc. from the widths and heights of the photoshop design (once cut up), and just add more <div> tags as required for the layout. I always work from the header down on a site, I guess it's just personal preference though, right?

As above, I always do a design in photoshop first and go from there, once happy with the design I have a site set up folder which I duplicate for the design as it has all my basic styles and formatting already done.

 

I then eidt the basic styles so that it fits with my new design/layout.