Adding Images

The most common thing that you will want to add to your web page apart from text wll be images. You aprobably already have some images defined in your page template that will appear on every page. It is time now to look at how to add images that will only appear on specific pages.

The process of adding new images is in fact not greatly different from what we already looked at for replacing the foreground images in our template. The only difference is that instead of selecting the image that we want to replace we instead just select the spot in the page where we want to inset the image. As we don't have an image there yet, we can't select Image Properties to update the image, instead we need to press the Image button in the tool bar (the one immediately to the right of the Link button that we looked at in the last tutorial).

Image properties location tab

That will open the exact same dialog box as we got from Image Properties before except that this time all of the fields start off empty. All we need to do is to type in the Location of the image file (usually just its filename unless you have it in a sub-folder in which case it is sub-foldername then slash then filename). The Tooltip (text to display if the mouse is moved over the image) and Alternate text (text to display in place of the image if images are disabled) should also be entered on the Location tab. If you want the image to act as a link you will also need to enter the address to link to on the Link tab.

 

This article written by Stephen Chapman, Felgall Pty Ltd.

go to top

FaceBook Follow
Twitter Follow
Donate