CS 312 - Internet Concepts
Fall 2008: Tues/Thurs 1:30-2:45pm, Kaufman 0100

Print - Admin




Syllabus (pdf)

Useful Links

Project 4: Styling HTML and PmWiki with CSS

Assigned: Tuesday, October 28, 2008
Due: Thursday, November 6, 2008 before class

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

HTML/CSS Assignment

Create a set of webpages (at least 3 pages including index.html) under your ~/public_html/cs312/proj4/ directory that use the layout and styling described in a CSS file, proj4.css, 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 a new directory under ~/public_html/cs312/ named proj4
    • chmod 755 ~/public_html/cs312/proj4/
    • chmod 644 all files that you place in proj4/
  2. Create a CSS file named proj4.css in proj4/
  3. Create an HTML file named index.html in proj4/


  • Edit your HTML pages and CSS file with a simple text editor (no Word or any other fancy tools allowed).
  • Remember to use tags that are acceptable for XHTML (all lowercase and include closing tags when required).
  • You must have separate header, navigation, and content sections in your CSS layout.
    • Your navigation section must provide links to each of your proj4 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.

PmWiki Assignment

Create a new skin, named proj4, for your PmWiki site using a similar styling (colors, fonts, etc.) as your proj4 HTML pages. (Note that the layout may be different.)

PmWiki Requirements/Rules

  • Remember to change your ~/public_html/pmwiki/local/config.php file so that your PmWiki pages use your new skin.
  • You must create and customize both the proj4.tmpl template file and the proj4.css CSS file.


Go to the Project 4 Submission page?, and enter the following:

  • your name
  • the URL of your Project 4 index.html page (which should be http://www.cs.odu.edu/~username/cs312/proj4/index.html)
  • the URL of your PmWiki site


  • Make sure that the URLs work before you submit them.
  • Only submit your URLs once!