What happened to internet explorer 4?
Well, you can do it mostly with classes and suchlike. For example, on the future movies site (front page), to take a relatively complicated example, you have:
title section - doesn't change (at least not much).
three columns - three divs
footer - single div, doesn't change much.
In the three columns, you need a header, then you need a block of code to represent each of the entries. For that you can use something like the following code:
<div class="reviewsynopsis">
<h3><a href="">I, Robot</a><h3>
<img src="blah.jpg" />
<p>
Given that it only claims to be ‘suggested by’ the short stories of Isaac
Asimov, anyone expecting I, Robot to have all but a tenuous connection
to the work of the visionary Jewish-American writer, wi...
</p>
- <div class="reviewsynopsis">
- <h3><a href="">I, Robot</a><h3>
- <img src="blah.jpg" />
- <p>
- Given that it only claims to be ‘suggested by’ the short stories of Isaac
- Asimov, anyone expecting I, Robot to have all but a tenuous connection
- to the work of the visionary Jewish-American writer, wi...
- </p>
And then style the header, link, image and paragraph all based upon the div class. Then you just loop through 6 (or however many) synopsises (??) outputting database values into them.
The divs will stack up inside their columns and all should work well.
I don't think there is a real issue with generating the content into the divs, any different than generating it into the tables. Once you have a template in place, it should all be pretty easy.
In other words, my answer is just too look at creating normal layouts with layers and then apply that to creating a template. For the futuremovies site, you would need to get as far as floating the columns to get the footer working properly with variable-sized dynamic content.
CSS website design tutorials