Friday, December 25, 2009

Section 12.9. The new Starbuzz










12.9. The new Starbuzz


Let's take a quick look at what we've got so far, starting with the page as it looks now. Then we'll take a peek at the markup and the CSS that's styling it.


We've got a header now with a new spiffy Starbuzz logo and the company mission statement. This is actually just a GIF image.


We've got four sections: the header, a main content section, a section advertising something new called the "Bean Machine," and a footer.


Each section is a <div> that can be styled independently.


It looks like we've got one background color for the page as a whole, and then each <div> is using an image as a background.


Here's the "Bean Machine" area. This links to a new area of Starbuzz Coffee
where you can order your coffee beans online. This link doesn't work just yet because you're going to build the Bean Machine in an upcoming chapter.


Here's the footer. It doesn't use a background image, just a background color.


Notice that we've styled the links in an interesting way, with dotted underlines...












No comments: