CMSC 10100 LABORATORY 1 Win08

Due date: Friday, January 18, 23:59:59


A. PRELIMINARIES (20 pts.)

	Do HOMEWORK 0 if you haven't yet.

B. HTML LABORATORY

For the first two laboratories you will be asked to create a number of 
HTML pages.  For easier identification, ALL your HTML pages should have 
your name and the laboratory number in the TITLE of the page HEAD section.

1. Create an HTML page with personal information (40 pts.)

   Include the following under the headings 
     a) Personal Information
     b) Computer Skills

   Under a), state your full name and address (including email).  
   Should your user id on the CS network be different from your 
   UC email user id, include it as well.
   
   Under b), list the programming languages, markup languages, 
   and computer courses you have taken. ('None' if it doesn't apply.)
   Finally, write one or two short paragraphs on how you typically use
   a computer.
   
   How you mark up the text is up to you, but the markup must reflect 
   the structure of the text.  Use tags whose names reflect their 
   structural significance: HTML defines appropriate tags for headings, 
   paragraphs, lists, etc. Also, the markup should be consistent across 
   similar text sections.
   
   For one possible solution, look at an example for guidance: 
   
http://www.classes.cs.uchicago.edu/current/10100-1/html/hwks/hw1/
story/hw1aRef.pdf

   This example page is also included in the package.

   Your page can look quite different.

2. HTML Text Formatting (40 pts)

   Download the tar archive 'story.tar.gz' into your hw1 directory 
   and extract the files needed for this exercise.  Extract the 
   downloaded file with the following commands:
      
         gunzip story.tar.gz
         tar xf story.tar

   The story.tar.gz file can be downloaded via a browser at: 
   
http://www.classes.cs.uchicago.edu/current/10100-1/html/hwks/hw1/
story.tar.gz

   This is the same as the link on the Course Schedule page.

   Or it can be copied into your hw1 directory by using this syntax while 
   in your proper homework directory:

    cp /stage/classes/archive/2007/winter/10100-1/html/hwks/hw1/
    story.tar.gz

   The archive contains a plain text file and a number of images, 
   as well as two samples. 
   
   Your assignment is to mark-up text and images.
   
   As in the previous section, the markup must reflect the structure
   of the text and be consistent.  Align the images as indicated in
   the text and sample.  Also, include the 'alt' attribute and some 
   descriptive text in the 'img' tags.
   
   Put the last image into a separate paragraph element and set the alignment
   of the paragraph with the 'style' attribute to 
   
      style="text-align: center"
   

   Finally, edit the index.html page in your hw1 directory by adding links 
   to both parts of the laboratory.  These two files should then be listed
   when you go to the URL for your homework 1 directory.

   Again, for positive identification, ALL your HTML pages should have your 
   name and the laboratory number in the TITLE of the page HEAD section.  
   And the date of your last edit should appear in a comment in the HEAD.