Microsoft FrontPage Introduction
Computing Concepts, Fall 2001

The purpose of today's activity is to get acquainted with Microsoft FrontPage, the HTML editor that we will be using for the remainder of the semester, and to see some uses for tables in web pages.

  1. For a nice, quick introduction to the basics of using FrontPage, read through the tutorial at http://www.learningspace.org/tech/FrontPage/index.html. Be sure to check out the links at the end of the tutorial to web sites with graphics, especially the animated GIFs links. We'll need some fancy GIF images later today, so keep these links in mind.
  2. Using FrontPage, start a new file named tables.html and save it to your homework folder on your K drive. In tables.html, use a table to create a schedule of your daily activities (classes, meals, practice etc.). Have the days (Monday to Friday) as columns and times (8 AM, 9 AM etc.) as rows. Use centered bold text for the column and row labels. The top row and leftmost column (your labels) should a unique background color. Add an entry for each of your classes, and color-code these cells in the table (for example, the M, W,  and F cell for 1 PM should have COSC 106 in it, and these cells should all have the same background color. Try to find a small GIF image for breakfast, another for lunch, and one for dinner. At the very least, find an image and resize it for one of the meals of the day. Use your images for the cells (the cells should contain just the image) that correspond to the times when you eat each meal. Use the HELP browser in FrontPage to figure out how to "put text on a picture", and add some word(s), like "lunch-time", to your images for your meals. Use a color for the text that shows up well on top of the image. At the top of your schedule, and an email link, so that visitors viewing this page can click and email you quickly. You may need to use the HELP browser in FrontPage to figure out how to add a mailto link.
  3. Below your daily schedule, use a table to set up a navigation and description section of your web page. The borders of your table cells should be set to zero, so it doesn't display in a browser like a table, but looks like two-column print. Use images that have something to do with the websites they link to (for example, an image of a calculator might link to the web site for Texas Instruments). Use three rows, one for some business (you can select the image and the business website to link to), one for a magazine or news related website, and one for your favorite web site of the day (you select this one). Use several sentences to describe the sites that you link to. For a sample of what I'm asking for, look at my homepage and scroll down to the image of a red maple leaf and the TI-83 calculator. See if you can't find an animated GIF for one of your images.