CS 151-01                                                                                                             Spring 02002

Lab 5: Web Page Creation, Part 2

Due dates and times:

        Hard copy of your Web page: Friday, January 25, 02002, 5:00:00 P.M.
        Email announcing finished Web page: Friday, February 1, 02002, 5:00:00 P.M.

We will be continuing the process of constructing your personal Web page in this lab. Now that you are familiar with how HTML works, we will switch our program to Microsoft Front Page, which is something like a word-processing or graphics program which allows you to create Web pages without having to navigate the sometimes-treacherous waters of raw HTML code. (There was a reason, which you can probably guess, for doing it this way. Please don't hurt me.)

In the lab, start by doing the following:

1. Open Front Page by double-clicking its icon.

2. Select Open Web... from the File menu.

3. Type http://people.albion.edu/[your username] in the Folder Name box and click Open. You will be asked to enter your username and password.

4. Once in, open your index.htm file from the last lab, which should reside on your H: drive, and immediately save it to the Web directory (use Save As...) as index.htm. It is from the people.albion.edu directory that your page can be accessed over the Internet--for this reason, it is extremely important that you not place the page in a folder anywhere else. Notice that you see the page as it appears on the Net rather than the raw HTML code.

5. Continue building your home page. You will notice that the toolbars at the top of the page contain icons for automatically performing many of the commands we were doing with full-blown HTML code (underlining, bold, various colors, etc.). In particular:

* The "globe with two links of a chain" icon will let you install hyperlinks on your page by highlighting text, clicking the button, and typing the URL in the dialogue box.

* The "blank page with a globe and a magnifying glass" icon will allow you to preview your page as it will appear on the Web, including all active hyperlinks. I recommend that you try this before submitting your page for a grade.

Save your work frequently. Notice that FrontPage will automatically save image files into the proper place.

Be sure to include the following information on your page (this list is from Lab 4):

name
e-mail (though a mailto:... link)
academic interests
professional interests
hobbies
other activities
the official Albion College disclaimer (see the Lab 4 Web page)

Your page must contain at least five links, several text colors, a background color or pattern, and some graphics including the picture taken in class and at least one image that you scanned from a photograph or printed source. You can scan personal pictures and graphics in the computer lab in the basement of the library or with the scanner in the Palenske lab. Ask the lab assistants for help in using this equipment and software. You should save the images with either .gif or .jpg file formats. You can also find public-domain images and graphics many places on the Web. Right-click on an image to bring up a menu that will allow you to save it. Be careful that you do not violate any copyrights in doing this. If you have any questions or concerns, please discuss them with me.

The URL for your page will be

http://people.albion.edu/[your user name]/index.htm

where your user name is inserted (without brackets) in the proper place. The entire collection of Web pages for this class can be accessed on the Web page for this section, once they're ready. Once your page has been saved and I have activated the link (sometime this weekend), try going to this page and clicking on your name. (If your name is not actively linked [not underlined], it's because I don't know what your user name is. Tell me!) Your home page should launch.

I will eventually evaluate your Web page by accessing it over the Internet. Here's how that will happen:

1. When you're ready to have me grade your page, send me an email with the subject line "Web Page Ready" or something like it to let me know it's ready.

2. I will evaluate the page against the list of requirements above, and examine it from an overall perspective (Do all of the links work? Are things spelled correctly? Is it an attractive page? And any other questions that might come to mind.).

3. I will then send you an email with my evaluation and suggestions. You will, if you wish, have one opportunity to fix the page and resubmit it. The deadline for the resubmission will be 5 days after my email is sent (not necessarily when you receive it). The date will be included in my response.

The deadline for the initial email from you is 5 P.M. EST, Friday, February 1, 02002. Depending on the crush of email, it may be a couple of days before I respond. This is why email is time-stamped--as long as you send it on time, I will know that.

As a preliminary step, you should print your page at the end of this lab and hand it in, just so I can see what kind of progress you've made.

Last revision: 24 January 02002.
This page is Y10K compliant.