CS 312 - Internet Concepts
Fall 2010: Tues/Thurs 9:30-10:45am, Spong 108

Print - Admin





Useful Links

Project 4 - Styling HTML with CSS

Assigned: Thursday, October 28, 2010
Due: Thursday, November 9, 2010 before midnight
Group Assignment - You are permitted to work with your project group partner.

The goal of this assignment is to create a CSS layout and styling for a set of HTML pages.


Create a set of webpages (at least 3 pages including index.html) that use the layout and styling described in a CSS file that you create.

Be creative with the content of your webpages. For instance, you could have a webpage for each class that you're taking, each of your favorite sports teams, each of your hobbies, each of your pets, etc. The goal is to demonstrate the flexibility of CSS in creating multiple webpages with similar layouts and styles.

Setting Up

  1. Create an HTML file named index.html under ~/public_html/cs312
    • touch ~/public_html/cs312/index.html
    • chmod 644 ~/public_html/cs312/index.html
    • This file can remain blank. It prevents people from being able to browse your cs312 directory without knowing the exact URLs.
  2. Create a new directory under ~/public_html/cs312/ for this project
    • chmod 755 ~/public_html/cs312/new directory name
  3. Create a CSS file in the new directory
  4. Create an HTML file named index.html in the new directory
    • chmod 644 all files that you place in the new directory


  • You must have separate header, navigation, and content sections in your CSS layout.
    • Your navigation section must provide links to each of your Project 4 webpages. You may also include links to external webpages as well.
  • All work must be your own. You are not permitted to copy stylings or layouts from other sources.


  • Edit your HTML page with a simple text editor (no Word or any other fancy tools allowed).
    • examples: Notepad++ (on CS Windows machines), pico (on Unix machines), emacs (on Unix machines)
  • Remember to use tags that are acceptable for XHTML (all lowercase and include closing tags when required).
  • For full credit, your code must pass XHTML 1.0 Transitional validation.


Go to the Project 4 Submission page, and enter the name of each group member and the URL of your home page (must start with http://www.cs.odu.edu/).

  • Make sure that the URL works before you submit it.
  • Pressing the submit button will add a link to your page to the Student CSS page along with a timestamp of your submission. Note that you will not be directed to the list of pages, but to a page that says your submission was successful.
  • Only submit your URL once!