Assignment 2 ("Midterm"): Movie of the Week!

Due: Sunday, Januaray 19th , by 5pm

Assignment Description:

Create a promotional website for a movie of your choice. Place the site in its own directory within your 409 directory (e.g. www/409/midterm/ ), with its own index.html file. It should have a minimum of five pages (including the index.html file, but not including the annotated css page).

Divide the content up into appropriate "chunks" of information, and design the site in a way that enhances the presentation of the content. This means you need to think about how to break it up, how to label it, how to navigate through it, keeping in mind who your audience is. I will be evaluating the quality of your content, as well as your information organization and navigation.

Use CSS for text formatting and for positioning of elements. (Be careful when combining tables and CSS, though; see "Making Styles & Tables Play Nicely" in WebReview for why this is a challenge.) While you may use inline and header-based style sheets, I would also like you to create a linked style sheet that controls formatting for some aspect(s) of all of the pages in the assignment.

You should include style sheet components for both text formatting and positioning--use examples of both absolute and relative positioning in the site.

Include an annotated version of the contents of your style sheet in a web page linked from your main assignment page.

You should end up with a structure like this for your .html pages:

             Your 409 directory
                  |
             Your midterm directory
                  |
    |-------|-------|-------|-------|
 index.html page2 page3...pagen  annotated css

You can assume I'll be using a v4 or above browser to view your pages, but don't assume a specific browser or platform. I will expect a certain amount of commenting to take place in your html code. I want you to comment the large blocks of code, not every line (I want you to show me that you know what each part is doing - especially you Dreamweaver people...)

Grading Criteria:

Content  
Quality of writing/ presentation ________________
Organization ("chunking") of content ________________
Commenting in the Code! ________________
   
Design  
Design principles (C.R.A.P. etc) ________________
Navigation ________________
"You are here" cues ________________
   
CSS  
Properly linked external style sheet ________________
Uses inline styles where appropriate ________________
CSS text formatting ________________
CSS positioning ________________
Annotated CSS provided ________________

 

 

Back to the syllabus