Lab 15 - HCI 201

Remember to upload your work to your students account.

It is a requirement for this lab to use FrontPage 2003.

  1. For this problem you will create a simple web page using tables in FrontPage 2003. The page will consist of a background image, a heading, a 3 by 5 table and some links. Also, some styles will be added.
    1. Create a new Blank Page in front page and save it as lab15q1.html
    2. Add the following heading (h1) to the page. Do not align it or change the font, you will style this later.

      House Of Tunes Concert Schedule 2005
    3. Follow the step by step instructions, under Adding a Table section, in the FrontPage 2003 tutorial.

      http://condor.depaul.edu/~alarrain/hci201/frontpage
    4. Download the background image to the same directory as the lab15q1.html file

      http://condor.depaul.edu/~alarrain/hci201/frontpage/bluemusic.jpg
    5. Add the following styles to lab15q1.html.


      body{
      margin:2% 5% 2% 5%;
      background-image: url(bluemusic.jpg);
      }

      h1{
      font-size:1.5em;
      margin-left:-1em;
      }

      table{
      background:linen;
      font-size:1em;
      font-family:verdana;
      color:maroon;
      font-weight:bold;
      }

      th{
      background:maroon;
      font-size:1.2em;
      color:linen;
      font-family:"High Tower Text";
      }

      table a{
      text-decoration:none;
      color:maroon;
      font-weight:bold;
      }

      table a:hover{
      color:darkviolet;
      }
    6. Next,  turn the data in the website column into hyper links. Remember last lab we saw how to add a hyper link using frontpage. If you forgot just look at the tutorial. Here are the URL's

      http://www.georgebenson.com

      http://www.jeffbeck.com
    7. Upload lab15q1 and the background image to your quiz directory of your students account. Type in the URL to check your work.

      http://students.depaul.edu/~yourLogin/hci201/quiz/lab15q1.html
  2. Work on Quiz2

    3. Quiz 2

  3. Work on Project 1