Of course, there were numerous
minor modi?¬? cations and additions to the CSS as the ?¬? nal visual
design took shape. My point is that by escaping from the ???slice the
?¬? nished graphics and drop them into a table??? development methodology
of yore, and moving to a structure-driven CSS approach,
the interface coding and visual design can happen as a collaborative
and iterative process, rather than one or the other driving the development
process by being completed entirely before the other starts.
So let??™s begin by laying out the content of the page without worrying
too much about colors and graphics in this ?¬? rst pass. Our
focus will be on the layout of the content to show its hierarchy and
relationships.
In order to create this three-column liquid-center page, we need
the same markup and CSS for this layout that we developed in
Chapter 5. Because we have the Stylib library to call on, we don??™t
BUILDING WEB PAGES 239
need to write this code again??”we can get it from the library. The
markup is called 3_col_liquid_faux.html. I copy this ?¬? le from the
Layout folder of the library into the root folder and rename it as
home.html??”this will make it automatically load when someone
enters only www.stylinwithcss.com as the URL. I won??™t bother
copying the faux graphics we used in Chapter 5, as I will make new
graphics for this site.
Pages:
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279