Manipulating Graphics
Home Getting Started Graphics Hyperlinks Tables Why Web Glossary Links


Manipulating Graphics


Once your graphic is inserted, you can resize it. To keep the proportions, move the mouse over the corner and then click and drag.  Remember, smaller graphics take less time to load!  If you want to be precise about the size of your graphic, right click it and choose properties.  Click the Appearance tab and use the Width and Height boxes to size it.  The picture will automatically adjust your proportions as long as the Keep Aspect Ratio box is checked.


Non-transparent graphic

Notice how the above picture has a white frame around it?  I can get rid of the white areas by making my picture transparent.  Transparent graphics are those you can "see through."   To make a graphic transparent, select it and click the Set Transparent Color button in the Pictures toolbar at the bottom of the window.  Use the transparency tool to click on the part of the graphic you want to be transparent.  FrontPage will warn you that it has to convert the graphic to a gif in order to make it transparent.  (Note:  The pictures toolbar should appear when you click on a graphic.  If it doesn't, choose View/Toolbars/Pictures to make the toolbar appear.)

Transparent Graphic with border

Adding a Border

Select your graphic.  Right click and choose Properties.  (You can also choose Properties from the Format menu.)  Click on the Appearance tab and set a size for the Border Thickness.  My border above has a thickness of 2.


By default, text aligns with the bottom right corner of a graphic and then returns below the graphic the way this sentence does with the picture of the frog.  But you can change the way text reacts to a graphic.  This frog is transparent; notice how the blue shows through the white section of his body.

Right click on the graphic and choose Properties. (You can also choose Properties from the Format menu.) Click on the Appearance tab and use the Alignment pull down menu to choose the location of the graphic.  Experiment until you find the effect you want.  The frog on the left uses Left alignment.  Choosing Right alignment will move the graphic to the right side of the screen with text to the left starting at the top.   Once the text gets below the graphic it moves underneath it.  


The Appearance tab also allows you to choose how much space is around your graphic.  The horizontal spacing is the number of pixels you want displayed to the left and right sides.  The vertical spacing is the number of pixels you want displayed on the top and bottom sides.  The frog has been set to right alignment with 10 pixels for horizontal and vertical spacing. 

Home ] Up ] Inserting Graphics ] [ Manipulating Graphics ]

Created Summer 2000 by Karen Work Richardson
Copyright Web Weavers of Williamsburg