APPENDIX: Adding an image

Adding an Image

To add an image to your page, first be sure that the image that you wish to add has been saved to your floppy disk.

	Position your cursor in the location on the page where you want to add your image.
	Click on the add image button().

A window like the one shown below will open:

Click on the "browse" button next to the big white box under "Image FIle Name"

This will open a windows explorer like the one you see below:

Click on the file name of the image you want to add and then click "Open"

Editor will return to the add picture window.

Let's look at the other options that are available when using images:

Alternate Representations

These options refer to what the user will see if they either have images turned off in their browser or if they cannot display high resolution images.

While these representations are optional, it is generally considered good form to put something in the box next to "Text." This way, users will have at least this information to go on if they are not getting your images.

Alignment

You can change the way a picture will look in conjunction with text. To illustrate this principle, I have applied the alignment options represented to each of the buttons below.

aligns text at the top of the image.

aligns text in the absolute center of the image.

aligns text slighty above the center of the image.

aligns text at the absolute bottom of the image.

aligns text at the bottom of the image.

Aligns the image to the left and then wraps the text around the image tightly. (You will only be able to see this affect in the browser. In the Editor, it looks as though you chose to align at the bottom.)

Aligns the image to the right and then wraps the text around the image tightly. (You will only be able to see this affect in the browser. In the Editor, it looks as though you chose to align at the bottom.)

Dimensions

This controls the size of the image. You can alter the size of the image in any way that you please by entering new numbers in the boxes next to Height and Weight. If you ever want to return the image to its original size, you simply click the button marked "original size".

Space Around Image

The first two options refer to how much space you want between an image and the text (or other images) that surrounds it. The last option, "Solid Border" can be used to add a border around your picture. You can alter any of these settings by clicking in the white boxes and changing the number. The bigger the number, the more space you want around the image (or, the thicker the border).

Copy Image to the Document's Location

If you leave this option checked, Netscape will automatically make a copy of the image and place it in the same directory as the page you are editting. This is a moot point in this tutorial because our images should have started out in the same directory (A:\) as the page we are editting, anyway.

When you have tailored the image properties to your liking,

Click "OK"

Note: You can return to these options at any time after you have added the image by right-clicking on the image and choosing the option "Image Properties."

Certain elements (software titles, search engine logos, etc.) are copyright and/or trademarks of the respective copyright owners. Use of this material is restricted to educational use and is intended to promote both further understanding of the intellectual property discussed and, in effect, the product itself.