Images Inserting | Brightness |Transparency | Text | Rotating and Flipping Cropping | Alt Tags | Image Bullets | Image Maps | Slide Shows

Inserting images

1. In Page view, position the insertion point where you want to insert a graphic.
2. On the Insert menu, point to Picture, and then click From File or from Clip Art
3. Browse to the graphic you want from your local file or search the Clip Art library.
4. Select the file, and click Insert.

Note   When you save the page, Microsoft FrontPage prompts you to save the graphic to your web site folder. You may rename the image files, if you choose, at that time.

Adjusting image brightness

Note:  To display the Pictures toolbar, point to Toolbars on the View menu, and then click Pictures.

1. In Page view, click the graphic.
2. On the Pictures toolbar, click More Brightness  or Less Brightness  to increase or decrease the brightness of the graphic.

Adding transparency to images

Adding transparency to an image allows the background to show through a specified color.  This tool is used most often to remove the white box that appears around some images when they are displayed on a colored background.

Note:  To display the Pictures toolbar, point to Toolbars on the View menu, and then click Pictures.

1. In Page view, click the graphic.
2. On the Pictures toolbar, click Set Transparent Color .
3. Click the color in the graphic that you want to make transparent. FrontPage may convert some graphic file formats to GIF before the transparent color can be set.

Adding text to images

Note:  To display the Pictures toolbar, point to Toolbars on the View menu, and then click Pictures.

1. In Page view, click the graphic.
2. On the Pictures toolbar, click Text . Microsoft FrontPage may prompt you to save it in GIF format, because text is not supported on JPEG graphics.
3. Type the text into the box that is displayed on the graphic.
4. Format the text — for example, you can change the font or color, as you would with other text.
5. You can also do one or more of the following:
   • Resize the text box by clicking and dragging the resize handles.
   • Move the text box by clicking inside the box and dragging it.

Rotating and flipping images

Note:  To display the Pictures toolbar, point to Toolbars on the View menu, and then click Pictures.

In Page view, do one or both of the following:

Rotate a graphic

1. Click the graphic.
2. On the Pictures toolbar, click Rotate Left  to rotate the graphic 90 degrees counterclockwise. Click Rotate Right   to rotate the graphic 90 degrees clockwise.

Flip a graphic

1. Click the graphic.
2. On the Pictures toolbar, click Flip Vertical  to turn the graphic upside down. Click Flip Horizontal  to create a mirror image.

Cropping pictures

Note:  To display the Pictures toolbar, point to Toolbars on the View menu, and then click Pictures.

1. In Page view, click the graphic.
2. On the Pictures toolbar, click Crop .
3. A cropping box appears on the graphic. By clicking and dragging the handles on the box, resize it to include the part of the graphic that you want to keep.
4. Click Crop again to remove the area outside of the cropping box.

Labeling images with alternate text tags

Alternate text tags can be used to provide information or merely a label for an image. Most  Web browsers also display alternative text while the graphic is downloading and when the mouse pointer is moved over the graphic.

1. In Page view, right-click the graphic, click Picture Properties on the shortcut menu, and then click the General tab.
2. In the Text box, under Alternative representations, type the alternative text for the graphic.
3. Click the OK button.

Using images as bullets

1. In the Format menu, select Bullets and Numbering.
2. Select the Picture Bullet tab.
3. Select the Specify Picture checkbox and browse for the image file on your hard drive.
4. Click the OK button.

Creating image maps

A graphic with one or more hot spots is called an image map. A hot spot is an invisible region on a graphic to which you have assigned a hyperlink. The image map usually gives cues about where you should click.

Note:  To display the Pictures toolbar, point to Toolbars on the View menu, and then click Pictures.

In Page view, do one of the following to add a hot spot to a graphic.

1. Click the graphic.
2. On the Pictures toolbar, click the Hotspot button corresponding to the shape you want. You may choose from either a Rectangular, Circular, or Polygon Hotspot.  Note:  To draw a polygon, click where you want the first corner of the polygon to be, click to place each corner of the polygon, and then double-click to finish it.
3. On the graphic, draw a rectangle, circle, or polygon, depending on the shape you chose while holding down the mouse button. When you release the mouse button, the Insert Hyperlink dialog box opens.
4. Under Link to, click Existing File or Web Page.
5. Select the page or file where you want the hot spot to link.
6. Click OK to insert the hyperlink.
7. Repeat for each hotspot that you want to create.

   Top

Embedded, automatic slide show of images

The Banner Ad Manager web component can be configured to create an embedded, automatic slide show of images. All pictures in the slide show must be the same size.

In Page view, in the Normal pane, position the insertion point where you want to create the slide show.

1. On the Insert menu, click Web Component.
2. In the left pane, click Dynamic Effects.
3. In the right pane, double-click Banner Ad Manager.
4. Click the Finish button.
5. For each picture you want to display in the slide show, click Add, and then select the picture.
   The list in the Pictures to display box shows the pictures you added and the sequence in which the pictures will be displayed.
6. To change the sequence, select the picture in the list, and then click Move Up or Move Down.
7. In the Transition effect box, select the effect you want to use between pictures.
8. You may optional create a hyperlink from the slide show.  In the Link to box, type a URL. Or, click Browse to locate the destination page or file for the hyperlink. If you don't want to create a hyperlink, leave the Link to box blank.
9. Click the OK button.