CMSC 10100 LABORATORY 1 

Due date: Friday, January 14, 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.  

Be sure to use CSS "style" syntax throughout instead of deprecated HTML elements.

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' into your hw1 directory 
   and extract the files needed for this exercise.  Extract the 
   downloaded file with the following commands:
      
         tar xf story.tar
         (on a Mac, simply double clicking should extract the files.)

   The story.tar file can be downloaded via a browser at: 
   
http://www.classes.cs.uchicago.edu/current/10100-1/html/hwks/hw1/
story.tar
(Please report any problems to the instructor.)

   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/2009/winter/10100-1/html/hwks/hw1/
    story.tar

   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.  Also you must 
   remove any "scratch," partial, or irrelevant files from each homework 
   directory before you submit it so as to prevent us from grading the wrong 
   files.

   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.