Chapter 8. Page Layout 2004

As you saw in the last chapter, table-based design gets the job done. With an admirable track record and great browser support, tables are still a good layout tool for Web designers. But tables have their disadvantages: Complex table designs download slowly, are difficult to update, and can’t always be deciphered by assistive technologies like screen readers used by the visually impaired. In addition, newer devices that now surf the Web—cellphones, palmtops, and even game consoles—frequently choke on complex table layouts.

There’s always more than one way to skin a Web page, however. Newer Web browsers can also take advantage of the golden child of Web page layout—Cascading Style Sheets. In Chapter 5, you saw how CSS provides powerful formatting options for text, images, and other page elements. In addition, a subset of CSS properties known as CSS-P (short for CSS-Positioning) lets you control the placement of elements on a page. Fortunately, Dreamweaver MX 2004 introduces many new features that make building CSS-based layouts a breeze.

Introducing CSS Layout

If a picture is worth a thousand words, one Web site is worth at least several pages of explanation. To really grasp the power of CSS-based layout, point your favorite Web browser to www.zengarden.com (Figure 8-1). Once there, click any of the designs listed in the “Select a Design” box.

Each design is an example of CSS-based layout. In fact, you may be surprised to realize that the HTML code for the ...

Get Dreamweaver MX 2004: The Missing Manual 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.