IT 202 - Web and Multimedia Technology

Fall 2007

Lab 3

This lab assignment will have you create a single stylesheet and have multiple web pages link to that page and use the style information contained in that one page. 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 a number of CSS Properties as discussed in CSS Reference Table

Lab Assignment 3

For this lab assignment complete the following steps:

• First copy the web pages of lab3a.html and lab3b.html to your public_html directory in your icarus account. These files can easily be copied with the following command once you are in your public_html directory.

  cp ~troy/lab3?.html .

• You are to create a single style sheet that both of these pages will refer to using the <link> tag. You will need to modify the two pages to use your style sheet. Both pages are to end up with a similar look since the same are to be modified with the same style sheet.
  1. Both pages are to have non-black text on a non-white background. Both pages are to use the same Cascading Style Sheet formating to do this.

  2. The animal's name is to be centered, bolded and use a large text size. The background color is to be different from the background color on the rest of the page. Both pages are to use the same Cascading Style Sheet formating to do this.

  3. The reference statement to the Wikipedia is to be right aligned and in a small text size. Both pages are to use the same Cascading Style Sheet formating to do this.

  4. All latin names are to be italicized. Both pages are to use the same Cascading Style Sheet formating to do this.

  5. The last two paragraphs are to use different formating than the previous paragraphs. This formatting is left up to you. Both pages are to use the same Cascading Style Sheet formating to do this.

• Now create three links on your Icarus Home Page to this page. These links are to be to the two pages you have modified (lab3a.html and lab3b.html) and to your style sheet.

  Verify that your files are viewable and show the correct styling via a web browser at the URL's of:

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

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

       http://icarus.uic.edu/~jdoe13/lab3stylesheet.css
  

• You are also to submit your files for this lab electronically by using the UNIX turnin command.

  To use the UNIX turnin command to electronically hand-in your files using the project name of lab3. To submit multiple files, type all of the files at the end of the command. The turnin command is entered as:

       turnin -c troy -p lab3 <filenames>
  
  

  Replace <filenames> with the names of the three files for lab3. Thus if your files have the names of lab3a.html, lab3b.html and lab3stylesheet.css, the command would be:

       turnin -c troy -p lab3 lab3a.html lab3b.html lab3stylesheet.css