Grading

The grading at this point is current. Please check your individual grades by going to "Assignments" and clicking the "View Grade" link for an assignment. You can view all of your grades by clicking the "My Scores" link at the bottom of the assignments page.

If you are resubmitting an assignment with corrections, please do this soon. If an assignment is no longer available for submitting, please upload the file(s), update your home page, and send me an e-mail message telling me which assignment you are submitting. I will then grade and post your feedback in the Assignments area.

Homework 8 for Basic Layout did not seem to be problematic.

I do have a separate document of comments on homework 6 and Float/Position. There are a number of floating and positioning issues I would like to share with you after grading this assignment.

Upcoming Deadlines

A reminder that the Homework 7, Research Project is due this evening. Please submit this as you are able.

The Final Project is due on March 28, 2007 by 10:00 PM. The quarter ends on this date so please submit this in a timely manner.

The Lecture Materials this Week

By now many of you have probably seen how a container DIV can collapse when it surrounds floated columns. This week's lecture begins with a discussion of "clearing methods" that will force the container to surround floated elements even in the absence of a subsequent element to which a "clear" property can be applied.

Another problem we begin running into with columnar layout is that our columns are rarely the same length. If we want to apply background colors, images, or borders to these uneven columns, the result are not particularly desirable. This situation can be remedied by using one of many "faux columns" techniques - the application of a repeating background image that creates the illusion of fully extended columns.

We'll explore the three major types of web page designs: fixed-width, liquid (aka fluid), and elastic layouts. Each of these two types has benefits and disadvantages. Ultimately, the type of layout that a designer chooses is based on the components in the design, the purpose/goals of the website, and the intended audience.

This is followed by information that supplements the Liquid Layout exercises in the Stylin' book and Sams Teach Yourself CSS in 10 Minutes book. You'll find corrections to a few errata in the CSS in 10 lesson, and some tips on proceeding through the exercises. You can download the images and initial unstyled markup that you will need to complete the exercises, as well.

-----

Have fun this week, and I will see you on-line.