Images

Using Images in html Documents

An important detail to remember when using images in web pages, is that the image file is separate from the html file which makes up the page. When you insert an image into your html file, you are simply creating a window in the file through which the image will show when the page is loaded. This means you always need to remember to upload image files separately from their corresponding html files, or chose "OK" in the "Include dependent files" dialog box when uploading. One helpful option is to create a separate folder for all the images on your site, with a subfolder to store photoshop .PSD files only.

Making a Clickable Imagemap

To insert an image select this icon: from the Object Palette.

Choose the image file which you wish to make into an image map from your zip disk (D:)..

Once the image has been successfully inserted into the html file, look for the image in the properties inspector. When the image is selected, a frame with three black squares will appear around the image, and the image itself will appear as a thumbnail in the properties inspector.

The buttons for creating an imagemap are in the lower left hand corner of the properties menu. Give your map a name and use the blue shapes to trace around the parts of your image that you want to link up to other pages. When you trace a section and click on the highlight, a dialog box appears so you can link the image to another page:

By entering a name into the "Alt" textbox, you will create a small text box which pops up to tell a view where the link in the imagemap goes.

Whe using the polygon tool (on the right) define an irregularly shaped hotspot by clicking once for each corner point, then click on the arrow tool to close the shape. The polygon begins by creating a triangle and will extend from there when you create more corner points.