ECOM 563 Web Page Design and Navigation: Assignment 2

Home

About...

Resources

Syllabus

Schedule of Topics
Assignments
Grading

Assignment 2

Concept and Grading Criteria
1. The goal of this assignment is to demonstrate a mastery of the basic concepts of Web page creation and a sound knowledge of the basic use of HTML
2. Design is an important component and will be considered in the grading of the page, but there are no specific design requirements per se
  1. Design will be commented on by the professor and will be 15% of the grade for the assignment
  2. The design goal is to demonstrate an understanding of the basic concepts of design in the final versions of the required pages
    1. Specific attention should be paid to adherence to the four basic design concepts
      1. Alignment;
      2. Proximity;
      3. Repetition;
      4. Contrast
  3. Grading here is pretty subjective but there will be comments to explain this component of the grade
3. Specific technical requirements are prescribed for elements that must be included each page
  1. This is to give you a detailed checklist to ensure that:
    1. You understand how to accomplish a reasonable range of tasks;
    2. You understand the underlying HTML coding required to accomplish all of these tasks
  2. Points will be subtracted for missing or improperly formatted elements

Specific Requirements

At the completion of module 2, the student should have, in the www subdirectory of his itwebmaster.iit.edu account the following four Web pages with the specific names indicated:

A personal homepage named index.html which contains
1. a title;
2. a level <H1> header;
3. personal identification;
4. your e-mail address with a mailto: link;
  1. the mailto: link should be named mail;
  2. there should be a link near the top of your page to your named mailto: link;
5. a minimum of three links;
6. at least one horizontal rule;
7. an unnumbered list with at least three elements;
8. one or more graphic images;
9. one or more <FONT> tags applied to some text on your page:
  1. Using the FACE attribute to change the type face to a sans-serif type;
  2. Using the COLOR attribute to apply color to some text;
10. a list;
11. a table of at lease 2 rows by 2 columns:
  1. Should be useful in laying out your page;
  2. Should include at least one background color and specify the width of at least one cell
A table-based version of your index.html page named indextable.html which includes
1. a 96 pixel margin down the right or left side of the page;
2. the content of the page constrained to an area no more than 80% of your browser window width

A framed version of your index.html page named indexframes.html which should look a little like this

Frame A
150 pixels wide
Frame B
20% of height

Frame C
no size specified

Frame B should contain a title for this page;
Frame C should contain the body of your homepage;
Frame A should contain either links to your favorite sites or navigational links for your Web site;
Frames A and B should have different background colors or images than Frame C;
Frames A and B should not be scrollable or resizeable;
Frames A, B, and C must each be separate HTML pages

A copy of your index.html page named indexstyles.html which should include
1. in the <HEAD> section, a link to the external stylesheet found at
  http://itwebmaster.iit.edu/style.css
2. in the <HEAD> section, the following <STYLE> tag:
  <STYLE TYPE="text/css" TITLE="style2">
  
  </STYLE>
3. in the <H> tag for the first header on the page, the following attribute:
  STYLE="font-family: fantasy"