Chapter 2. Layout and Positioning

One of the first decisions you will have to make about your site is its layout. How many columns will your site have? Does it have a header and a footer? Consider sketching out a layout on a piece of paper, or even creating a mockup in a graphics program. In this chapter, you’ll see how you can use <div> XHTML tags and CSS rules to define the different areas on the page. In the figure on this page, we’ve shown the divs, labelled with the CSS class name for each.

When you begin working on your site, we suggest that you start by creating the most important part of the site: its content. Write (or collect from coworkers) the site’s copy, and gather the images. Make sure that the images are in the correct format for ...

Get Styling Web Pages with CSS: Visual QuickProject Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.