Introduction to Multimedia (Fall 2004)

30 September 2004

Vote! Win!

Have you registered to vote? If so, that's great! If not, it's not too late.

Either way, go...now...to VoteOrNot, and enter to win $100,000, just for being or becoming a registered voter. Then refer your friends...if someone you referred wins, you both win $100,000. What's not to like?

Color, Type, and (CSS) Style

Now that you know how to create a basic web page, we'll talk about how to format it a bit. If you're already in the habit of using tags to format your web pages, you'll need to unlearn that habit quickly.

In today's class we'll talk about the separation of content (your HTML and text) and presentation (the way you want those to look on the screen). We'll discuss use of color and type in the context of page design, and then you'll learn how to use CSS to change the appearance of your pages.

We'll only be talking about CSS for formatting--use of CSS for positioning items isn't covered in this class. (We cover it extensively in the concentration-level web design class, 4002-409.)

Readings on Color, Type, and (CSS) Style

  • Chapters 8-10 of the HTML book.
  • Chapter 12 of The Non-Designer's Web Book.

In-Class Exercise: Color, Type, and (CSS) Style

Here are the files for today's CSS in-class exercise. It's a zipped archive, which should decompress into a folder called "css exercise."

Download CSS Exercise Files

If you've forgotten to bring your HTML book, you can use this CSS tutorial.