HCI 201: Multimedia and the World wide Web
Assignment 3

Due 10/8

Worth 100 points

Example of HW 3

Grading Criteria HW 3

Objective: By the end of this assignment you will have at least 2 pages (Homepage and whatever else you choose) of your site online. Each page should be formatted to include font, font size, paragraphs, bullets, lists, background color and images.

Remember that you must hand code everything. Develop your pages off-line and then upload them after you have made sure they look the way you want them to.

1. Begin by looking at your site sketches and site rationale. These should help you determine the type of formatting you need in terms of information and design layout.
   
   
2. Using notepad, format your Homepage first.
   1. Determine what font and font size you want your site's information to be in and code it. You must use something other than the default font. Sans Serif fonts are best for online presentation.
   2. Use at least 2 different font sizes for your content
      
      
3. Divide the text into paragraphs, lists, bullets etc.
   1. you must have at least 2 paragraphs for each page, one ordered list, and one bulleted list.
      
      
4. As you go through this process you will probably notice that you need to alter your verbal content in some way. That is fine.
   
   
5. Create at least one other page- the more you create now the less you have to do later.
   1. Name each page so that it assists with the overall site information organization.
   2. For example in this site's (HCI 201) information layout the assignment page has all of the assignments and links to the homework guidelines- that is all of the information related to assignments.
      
      
6. Choose and apply background color(s) for your site pages. Read the two webmonkey articles for more info on color usage.
   1. http://hotwired.lycos.com/webmonkey/html/97/05/index2a_page4.html?tw=design
   2. http://hotwired.lycos.com/webmonkey/01/28/index1a.html?tw=design
      
      
7. Locate images for your page. Again the webmonkey tutorial will assist you with image information http://hotwired.lycos.com/webmonkey/01/28/index1a.html?tw=design
   1. Images can be icons, photographs, illustrations, etc.
   2. You can create them yourself, find clip art or free access images on the web.
      
      
8. Insert your images into your pages. You must use at least 4 images.
   
   
9. Save your page as a .html page (in notepad choose "save as" from the file menu, in the file name text area type name.html where name is your page's name- be sure not to have any spaces in this name.
   
   
10. View your pages in both IE and Netscape browsers to ensure everything is formatted as you want it. Correct any mistakes you find.
    
    
11. Upload the pages to your public_html directory.
    
    
12. Change the permissions of your pages as needed.
    
    
13. Send me the exact URLs to the pages. http://hawk.depaul.edu/~yourname/filename.html