Chapter 8Designing a Website

Up to this point, we’ve covered solutions for creating different graphical and type elements. You’ve probably amassed quite a collection of techniques by now, and you may be wondering what you’re going to do with them all. This chapter covers concepts and techniques on creating website comps —mockup layouts—in Photoshop. I’ll show you how to evaluate your layout to determine which parts can be styled using CSS, as well as how to optimize and save the necessary images from your layout for use on the Web.

Before Firing up Photoshop

Before you start your mockup magic in Photoshop, there are a few matters to consider:

Get Photoshop CS6 Unlocked, 2nd Edition 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.