TABLES: HOW NATURE (AND THE W3C) INTENDED
255
6
7 PAGE LAYOUTS WITH CSS
In this chapter:
Explaining CSS workflow
Positioning web page elements with CSS
Creating boxouts and sidebars
Creating column-based layouts
Amending layouts, depending on body class settings
Creating scrollable content areas
Layout for the Web
Although recent years have seen various institutions offer web-oriented courses, the fact
remains that many web designers out there are not ???qualified,??? per se. What I mean by this
is that plenty of them have come from some sort of design or technology background
related to??”but not necessarily a part of??”the Web. Therefore, we often see print designers
moving over to the Web through curiosity or sheer necessity and technologists dipping
their toes into the field of design.
This accounts for the most common issues seen in web layouts: many designers coming
from print try to shoehorn their knowledge into their website designs, despite the Web
being a very different medium from print. Conversely, those with no design knowledge
lack the basic foundations and often omit design staples. Even those of us who??™ve worked
with the Web almost from the beginning and who also come from a design or arts background
sometimes forget that the best sites tend to be those that borrow the best ideas
from a range of media, and then tailor the results to the desired output medium.
In this section, we??™ll take a brief look at a few layout techniques: grids and boxes, columns,
and fixed vs.
Pages:
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355