web08.psd

Lesson 8: Advanced CSS Layout

In this lesson you’ll learn how to refine the appearance of your page layout by adding graphics, color, and additional page sections.

What you’ll learn in this lesson:

• Using comments in your style sheets

• Using background images

• Creating navigation styles

• Working with absolute positioning

Starting up

You will work with several files from the web08lessons folder in this lesson. Make sure you have loaded the weblessons folder onto your hard-drive from www.digitalclassroombooks.com/webdesign. See “Loading lesson files” in the Starting Up section of this book.

video8.ai

See Lesson 8 in action!

Use the accompanying video to gain a better understanding of how to use some of the features shown in this lesson. You can find the video tutorial for this lesson at www.digitalclassroombooks.com using the URL provided when you registered your book.

PushPin_Shadow.tif
PushPin_PMS179-1c.psd

This lesson uses the TextWrangler text editor to create the markup, but you can use any of the text editors covered in Lesson 3.

Building your page layout

In this lesson, you will be working with the ...

Get Web Design with HTML and CSS Digital Classroom 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.