CS 100 - Computer Literacy, Spring 2006

Lab 6

This lab assignment will have you create a new web page in your web space on your icarus account. This web page is to use Cascading Style Sheets to enhance the formating of the normal HTML tags. You should refer to the CSS Examples or the CSS Power Point Slides for CSS examples and discussion. The lab will require the use of the following CSS Properties as discussed in CSS Reference Table

1. font-style
2. font-weight
3. color
4. background-color
5. text-align
6. text-decoration

Lab Assignment 6

• Create a web page to display the following information:
  1. A title of: CS 100 Lab 6
  2. A large heading of: CS 100 Lab 6
  3. A smaller heading (smaller than the heading in part 2) of: Information About Me
  4. An unordered list containing your name, Net-ID, Time of Lab
  5. A smaller heading (same size as the heading in part 3) of: A List of Things I Like
  6. An ordered list containing at least five things that your like.

  The heading in past 2 is to be centered. You are to use Cascading Style Sheet formating to do this.

  The heading in part 3 is to have bolded blue text on a yellow background. You are to use Cascading Style Sheet formating to do this.

  The heading in part 5 is to have bolded white text on a black background. The text in part 5 must be the same size (use the same tag) as the text in part 3. Thus you should use the class attribute to distinguish between the heading in part 3 and the heading in part 5. You are to use Cascading Style Sheet formating to do this.

  The unordered list in part 4 is to use the <ul> tag and its list items are to be displayed in purple text and underlined. You are to use Cascading Style Sheet formating to do this.

  The ordered list in part 6 is to use the <ol> tag and its list items are to be displayed in blue text and italicized. You are to use Cascading Style Sheet formating to do this.

• This web page must be placed in your web space (in your public_html directory) on your Icarus account.

• You are also required to put a link on your Icarus Home Page to the page you created for this lab.

  Verify that your file is viewable via a web browser at the URL of:

       http://icarus.uic.edu/~NETID/FILENAME
  
       where NETID is your own Net-ID and
             FILENAME is the name of your file.
  

  for example if your NETID is jdoe13 and your FILENAME is lab6.html, then the URL would be:

       http://icarus.uic.edu/~jdoe13/lab6.html
  

  You can check this out via the link to your home page on the CS 100 Student List page. Once you are at your home page, follow the link you added to your home page for this lab assignment.

• You are also to submit this web page electronically by either emailling the page to the CS 100 instructor account at i100@cs.uic.eduo or using the UNIX turnin command.

  To use the UNIX turnin command to electronically hand-in your html file using the project name of lab6. To submit the file in <filename> for lab6, the turnin command is entered as:

       turnin -c troy -p lab6 <filename>
  

  Thus if your file has the name of lab6.html, the command would be:

       turnin -c troy -p lab6 lab6.html