Introduction to Multimedia: The Internet & the Web

Goal

Start with the content from your paper, and begin shaping it into a well-organized and well-designed web site.

Structure

1. Create a minimum of 5 webpages: one main page, one page of references, and at least three content pages with information from your paper.
2. All files for this project site (except any images) should be placed in your imm/project1 directory.
3. The main project page (index.html) should link to:
   • All other pages in the directory
   • The main page for this course
   • Your main IMM page (http://www.rit.edu/~yourid/imm)
4. Your main IMM page should link to this project website.

                       ~yourid/www/imm/
                             |
                        index.html  <-- has your photo + links to project1
                             |
           ------------------------------
          |             |                |                                                
       project1      project2          media <-- all images go here
          |
    index.html <--has links to main index + all content pages  
    page1.html
    page2.html
    page3.html
    sources.html

Guidelines

1. Content is well-organized and well-presented.

   Do not simply divide the text of your paper up into three chunks and put one on each page. The linear, narrative organization of a paper seldom transfers well to the hypermedia, screen-based environment of the web. Think of a better way to organize your content. It could be chronological, by type of information (biographical, technical, organizational), by topic (accomplishments, history, current projects), or any number of other breakdowns.

2. Write clean, valid HTML and CSS code.
   • Clean means that it is easy to read, has sufficient white space, and doesn't include unnecessary tags.
   • Valid means that it passes through the W3C HTML and CSS validators without errors.
   • All links to files on your site should use relative references, with appropriate paths.
   • Use CSS to streamline formatting.
   • Use tables to present any tabular data.
3. Use basic design principles ("C.R.A.P."), appropriate typography, and color to enhance the delivery of your content.
4. While you can add images at this point, you do not have to. You will not be graded on images.

Grading

• 50% Mechanics (number and location of pages; clean/valid code; uses tables and CSS)
• 30% Design (typography, color, C.R.A.P.)
• 20% Organzation and quality of content

Due Tuesday, October 21st at the beginning of class.

Results - Student Websites