Lesson 2: Web Page Design in the FrontPage Editor

---

Placing Text over Images

In the FrontPage Editor, you can place formatted text over any image. This feature is useful for creating graphical banners, labeling image buttons, and creating text on image maps.

To Place Text on an Image

1. On the Tutorial Practice page, place the insertion point after the blackboard image, then press the ENTER key twice.
   
   
2. On the FrontPage Editor's Insert menu, choose Image.

   The Image dialog box is displayed.

3. In the Image dialog box, select the file sunset.gif, then click OK.

   The image sunset.gif was already added to your Personal Web in Lesson 1, so you can insert it directly from your current Web.

4. Next, click the sunset image you just inserted to activate the image toolbar.
   

   Figure 1. The Text button

5. On the image toolbar, click the Text button.

   A text field with file handles and a flashing cursor appears over the center of the image.

6. Type the word Sunset.

   The word appears centered in the text field. The default text color is black and the default font formatting is 12-point Arial Bold.

The text color is much too dark for the image you inserted. The next step is to make the text stand out from the image.

To Format Image Text

1. Double-click the word Sunset to select it.
   

   Figure 2. The Text Color button

2. On the format toolbar, click the Text Color button.

   The Color dialog box appears.

3. Click on a bright color for the image text, such as white, and then click OK.
   
   
4. On the Format menu, choose Font.

   The Font dialog box appears.

5. In the Font field, choose Times New Roman.
   
   
6. In the Font Style field, choose Bold.
   
   
7. In the Size field, choose 4 (14 pt), then click OK to apply the formatting changes.
   
   
8. To make the larger size text fit the text box, click and drag a corner size handle until the word "Sunset" is fully displayed.

You can move the text box back to the center (or any part) of the image by clicking and dragging the word with the mouse button.

Figure 3. Moving text

When you place formatted text over an image on the current page, FrontPage does not modify the original image. When you save the page, FrontPage stores a combination of the image and the image text in a separate, new image file.

Provided that you previously allowed FrontPage to save the original image to your FrontPage Web (by clicking Yes in the Save Embedded Files dialog box), you can revert to it at a later time.

Before continuing, it is a good idea to save your work.

To Save the Current Page

Figure 4. The Save button

• On the FrontPage Editor's File menu, choose Save.

The page is saved to the current FrontPage-based Web site.