inls 461
Information Tools

Professor: Serena Fenton
School of Information and Library Science at UNC-Chapel Hill

Assignment 9 - css

Using the framework for an html page that you developed in assignment 8, create one new linked page that uses css for the formatting, instead of html.

Update the links on your other 3 pages so theat you can move between all pages on your site!

The topic of this page is a short essay about something that you feel passionate about. Be sure to include at least one picture.

This page will use embedded css (not linked).

Do not use an html editor. You will need to write the code yourself in wordpad, notepad, or NoteTab. (If you use NoteTab, do not use any of the creation options.)
If you use an html editor, you will receive 0 (zero) points for the assignment.

Include the following elements in your page:

  • Banner div
  • Main body div (used in at least two paragraph sections)
  • header elements <H1></H1>, <H2></H2>, using css styling
  • Horizontal rule(s) <HR>
  • An un-ordered list (navigation - see Koch reading)
  • Use 2 colors in the background within the same page
  • At least one image.
  • Footer div

You should use distinctive styling in each of the divs

Validate your style sheet to ensure conformance with W3C recommendations, using the W3C CSS Validation Service and the html W3C Validation Service. Add the icons to your page.


example page

  • Main body div is titled: mainContent
  • The unordered list is the (horizontal) navigation list. I threw in an ordered list just for the heck of it.
  • This page is probably more complex than you will need to or want to do. Do not feel compelled to replicate everything.

If you feel daring, you might want to try a multi-column layout (not required
recipe at: http://www.glish.com/css/9.asp

Reference sheet: Building your first CSS site by Michael Koch


Valid CSS!

 


revised December 5, 2006