MS FrontPage Tutorial -- University Outreach and Extension
Image Properties
To access the Image Properties:
- Right click on the image
- Choose "Image Properties" from the pop-up menu
General tab:
Be sure to fill in some descriptive text in the "Alternative Representations" à "Text:" section.
The "Default Hyperlink" section is used if the graphic will be hyperlinked.
Appearance tab:
This is an
example of an image aligned LEFT so text flows around it.The Alignment setting determines how an image will line up with the text around it. If you align it to "right" or "left", text will wrap around the image -- i.e. if you set alignment to left, text will wrap to the right of the graphic. The rest of the options control vertical alignment of text next to an image when it is not wrapped. Different browsers handle these parameters differently. You may need to test them in you browser to find the one you like best.
- Horizontal and Vertical Spacing allow extra space (gutters in print terms) around an image. When an image is aligned to the left or right, it is a good idea to add 3 to 5 pixels of horizontal space to improve readability.
- Border thickness determines if a border appears around a graphic. The default is for a blue border to appear when an image is used as a hyperlink. However, when the image is obviously a link by virtue of looking like a 3-d button, or being a logo for another site, it is a good idea to set the border width to 0 so it doesn't appear.
- The size setting forces the user's browser to make the image to appear larger or smaller than its original, or "natural" value.
CAUTION:
Resizing a graphic by changing the size values, or by grabbing the "handles" around an image in the FP Editor, does not actually change the original image. Rather, it forces the user's Web browser to recalculate the size of the image as it formats the page. The drawback of this is that drastic changes to the size will make the image appear fuzzy or distorted. Additionally, If you start with a very large graphic and resize it to a very small image, your user still has to wait for the whole file to download because the file size is still the same number of bytes. It is much better to resize the image in a graphics program such as Image Composer, PhotoShop, Corel Photopaint, PhotoStyler, PaintShop, etc. and save the image as a new file. This will reduce the size of the file and make your page load faster.
And . There are many older browsers still in circulation, which do not support the image size settings. No matter what values you set for an image size, these older browsers will always display the image as its natural size -- even if that is 2000 pixels wide. This will not endear your site to a user.
![]() |
Kate Akers, kate@oseda.missouri.edu Webmaster, University Outreach and Extension Last modified: 08/27/02 |