WEB STANDARDS CREATIVITY

The next step was spending some time in Photoshop to turn that sketch into pixels. The color scheme was borrowed
from the photograph on the band’s most recent album cover, plus a few shades of gray. One session of some intense pixelpushing
later, I wound up with the composite shown in Figure 2-5.
Figure 2-5. The initial Photoshop composite
Some interesting visual elements found their way into the design during this stage:
A transparent background for the “teaser” article (showing the photo underneath)
The teaser headline set in the same typeface as the band’s logo (Franklin Gothic Condensed)
A list of recent news headlines in the footer (this may seem like a simple thing to reproduce, except that it wasn’t
supported by the CMS)
Vertical text headlines (also rendered in Franklin Gothic Condensed) throughout the layout
By now, you’re probably itching to get to the “tips and tricks” part of the story, so feel free to read ahead if markup isn’t your
bag of chips. But we really need to lay our XHTML foundation before we can start styling.
chapter 2 Taming a Wild CMS with CSS, Flash, and JavaScript
31