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.
-
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.
-
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.
-
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.