FrontPage 2000 II

CS 102

Mar. 16, 2001

These labs will have you work through the Chapters in How to Do Everything with FrontPage 2000. Slight changes will be made to the material in the book --- read through the lab before starting FrontPage. Don't forget to read the other side of this page!!! Each Chapter that we work on in class is fair game for the following quiz. The chapters relevant to this lab are 1--4, 6, and 7.

The goal here is to ensure that you can take advantage of basic FrontPage editor formatting tools. You will accomplish this by taking an unformatted page and formatting it so that it looks, as much as possible, like the formatted version of the page. The formatted page is at http://phoenix.goucher.edu/~kelliher/s2001/cs102/fplab2/ (there's a link to this page from the class home page. Here are some of the things you'll learn:

• Using background images.

• Changing text colors.

• Applying formatting.

• Aligning images.

• Inserting horizontal and image rules.

• Adding a hyperlink to an image.

• Using a mailto: link.

Exercises

Make sure that you not only understand how to do something, but why you're doing it before moving on.

1. Open Frontpage and create a new, empty Web. Use G:\kelliher\fplab2 (replace my name with your name) for the File Location.

   Import the unformatted web page into your web. You can find the page in the HTML folder on the S: drive --- the name is fplab2.htm. Once you've imported it, rename the imported page to index.htm.

2. Open the formatted web page (see URL above) in Internet Explorer and look at it. Note these things:
   1. The page has a title, a background image, and the text color has been changed.

   2. There are some hyperlinks. The Goucher image at the bottom is a hyperlink.

   3. There is a mailto link at the bottom.

   4. The images have text wrapped around them.

   Click the right mouse button on the background of this Web page. Save the background image into your fplab2 folder. Right click all the images (including the separator bar between Sections One and Two) and save them into the folder. Once you've done that, switch to Folder view (button on the left) and choose Refresh from the View menu in the Menu bar. The names of all the image files you've imported should appear after a few seconds.

3. Open the web page for editing. Look through the FrontPage book, ask those around you, or ask me if you get stuck on any of the following.

4. Much of the overall look can be set by right clicking on the page and working from the dialog box that pops up after you click Page Properties. You can set the page title from the General tab. From the Background tab, you can select a background image and colors for the text and hyperlinks.

5. To change text formatting, select the text and then apply formatting from the formatting toolbar. For example, to change the formatting of the title line of the page, select it, change its style from normal to Heading 1 and center it. The Section headings all use Heading 3 style.

6. By right clicking on an image and choosing Image Properties, you can change the image's alignment (under the Appearance tab) or add a hyperlink (under the General tab).

7. Use the Insert menu to insert horizontal lines. You can right click on a line to change its properties.

8. Don't forget to make the Goucher image a hyperlink and to change my name at the bottom to your name and create a mailto link.

9. When you have finished, call me over to have a look at your work.

10. Have a good break! (I had an urge to add a 10th step.)