Project One: A First Website

Goal

Start with the first 100 or so lines of content from The Raven, by Poe. Begin shaping it into a well-organized and well-designed web site, with a French page and an English page and a combined-languages page. As usual you should use at least one stylesheet, put the files in the appropriate places with the appropriate permissions and names, and so on. You know the basics of how to do this cleanly now, with content in one place and presentation in another place and documents which are valid and well-formed and so on.

Structure

1. Create a minimum of 5 webpages:
   • one main page
   • one page of site design explanation
   • and at least three content pages with information from this work.
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 links to all projects
                             |
           --------------------------------
          |               |               |                                                
       project1      project2          media <–– any images go here
          |
    index.html <–– has links to main index + all content pages  
    page1.html
    page2.html
    page3.html
    [etc]

Guidelines

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

   Do not simply divide the text of your paper up into chunks and put one on each page. The linear, narrative organization of a poem seldom transfers well to the hypermedia, screen-based environment of the web. Think of a web-oriented way to organize your content.

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.
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 CSS and so on)
• 30% Design (typography, color, C.R.A.P.)
• 20% Organization and quality of content

Due Date

Due Wednesday of week 4 at the beginning of class.