Links for K-12 Teachers | Assessment Assistance | On-Line Practice Modules | Daily Dose of the Web

Reduce the width and height of the image by the same proportional amount. For example, cut each number in half giving an image size of 160 pixels by 100 pixels. The image below is 160x100. Alt Label - Enter a short summary of what the picture is. As the picture is downloading this title will be displayed. Border - If you make an image a link, the image will be surrounded by a border. If you do not want the border to be displayed, enter a border size of 0 (zero).

Making an image transparent

I found a great drawing of a frog to use on my rain forest page. However the image has a white background and my web page has a tan colored background. The white block would not look good. Now what?

1. Select the image and click on the object editor.
2. Click on the Set button to the right of Transparency and Interlace. This opens another window, displaying the image.
3. Move your cursor into the image, and it turns into an eyedropper.
4. Move the eyedropper cursor into the background area of the image.
5. A click of the mouse will cause the eyedropper to suck in the background white color. This will allow the background color of your web page to be displayed behind the picture without the distracting white block around it.
6. Close the window with the image in it and you will be prompted to save the changes.
7. Select Save and the background will show through the former white portion of the image.

Caution! This technique will not work on a jpeg image or an animated gif.

Making an image act as a link

	Click on the image to highlight it. Click on the Image editor and paste the URL which the image will serve as a link to.
Now it is a time for you to make a judgment call. I personally do not like the blue block which surrounds the image. However, if you remove the block, the only way that someone will know the image is a link is to move the cursor over the image.
	The image window above immediately under the Alt Label block you will find a Border block. If you want to make the border disappear enter 0 (zero). The image to the left is also a link. You can verify that by moving the cursor over the image.

Making part of an image act as a link

I am going to make several parts of the image above act as links to web sites. In order to do this I will instruct the image to act as an Image Map. To do that select the image and then click on the object editor. You may also double-click on the image to bring up the window.
	Select the Behavior tab. Select Image Map and then click on the Edit button. You will have the choice to select rectangular areas or circular areas to act as links.
I selected the rectangle tool and drew a rectangle around the first frog on the left. The Link Editor window popped up ready for the URL to be entered. After entering one rain forest site I drew rectangles around the middle frog and then the frog on the right. Each time the Link editor window opens ready for the URL. Place your cursor over each of the frogs. If you will look at the bottom of the Netscape screen you will see that each frog is a link to a different site.
	Some possible uses of the Image Map include making each student in a class picture act as a link to a page displaying that student's work, or making faculty pictures act as Email links.

Finding out how the images will affect download time for your page

From the Edit menu select Document Statistics. I just found out that this page is so image intensive that a person using a 14.4 model would need to wait 45 seconds to download this page, whereas a person with a T1 line would need 6 seconds to download the page. The more images you use the longer a person must wait to view your page.