Introduction to Multimedia: The Internet & the Web

Lecture

• Monday:
  • Review of Rollovers
  • Introduction to CSS Positioning: a step-by-step example of "liquid layout"
• Wednesday: Practice Practical

Project Three: Site Redesign

Overview

• My main R.I.T. webpage was originally created almost six years ago. It started out as an HTML 3.2 document, and has never been redesigned properly.
• I have refactored a version of my main R.I.T. webpage to be just data and structure (pure content).
• I have built an example CSS file to replicate the current look-and-feel of my main R.I.T. webpage (pure presentation).
• Your task will be to develop and write up a new design for my main R.I.T. webpage, and then to implement that new design only using CSS.

Details

A. Establish Directories

1. In your gibson account, create a new directory in your www/imm/ directory called "redesign". Ensure it has the correct permissions so files it contains can be acessed on the Web.
2. Now create a sub-directory underneath www/imm/redesign/ called "stylesheets". Ensure that it also has the correct permissions.

B. Obtain and Save Content

1. Open the pure content file in another Web-browser window
2. Select View Source
3. Copy and paste that source into a new text document
4. Save it under the name "index.html" in the www/imm/redesign/ directory you set up in step A.1.
5. Ensure that it has the correct permissions.
6. Note: do not modify this document at all.

C. Create Design Document

1. Create a new XHTML file (valid under version 1.0 Strict), and save it under the name "description.html" in the www/imm/redesign/ directory you set up in step A.1.
2. Write in that XHTML file a reasonably detailed description of how you would redesign this page for the intended audience. Clearly explain what issues you are taking into consideration, as well as what style and positioning decisions you have arrived at and why.
3. Ensure that it has the correct permissions.

D. Create CSS Document

1. Create a new CSS file which is valid, and save it under the name "myStyle.css" in the www/imm/redesign/stylesheets/ directory you set up in step A.2.
2. Implement with this CSS document your redesign from step C.
3. Ensure that it has the correct permissions.

Due Date

Wednesday, 20 February not later that 11:59 PM