Chapter 9. Putting It All Together

Apply bulletproof concepts to an entire page design.

To close out the book, I'd like to pull together many of the guidelines and techniques for being bulletproof into a single full-page design. By walking through an entire example, we'll be able to see how these flexible strategies work simultaneously within a complete page.

I've created the fictitious "Bulletproof Pretzel Company" for us to use as an example. The content is irrelevant (although I've long thought that if this Web thing didn't work out, perhaps I could make pretzels); what's important is how the various concepts weaved throughout this book can work together to create a flexible design. This example is not intended to be the best design ever created in the history of the Web, or the most perfectly bulletproof page. Rather, it's a chance to refresh your memory about what you can do to apply bulletproof concepts and guidelines to real pages that contain a variety of components.

We'll start by looking at our goalthe finished productand then tackle the markup needed to create a fluid, two-column layout. Then we'll go step by step through the various components of the page, reminding ourselves along the way of the bulletproof techniques featured in previous chapters.