Easy Web Design: Images: Inserting images

  1. Acquiring Images
  2. Images
  3. Aligning images with text

Now that you know about images, it is time to insert some images into your web page. You should have your PNG, GIF, or JPEG file sized correctly and ready to go. Place the image in the same folder as the web page you want to place it on. If you have lots of images, you may want to make an “images” folder in that folder, and place all of your images in that folder. But one way or another the image must be “inside” the same folder that the web page file is inside.

image 22

Go back to Netscape Composer and put the cursor where you want the image to be. Try putting it to the left of your main headline. Pull down the “Insert” menu and choose “Image…”. Click on “Choose File…” and choose the correct image.

The “Image Preview” will now show a thumbnail of your image. You now need to type some “alternate text” for your image. The alternate text is displayed if, for whatever reason, the image is not loaded. It might not be loaded because the user is on a slow connection, or it might not be loaded because the browser they are using does not display images (it is difficult to display an image in a voice-based browser, for example).

If it makes no sense to include alternate text, you can click on “Don’t use alternate text”.

image 23If the image contains formatting you don’t want (for example, if it has a dashed underline beneath it), you can pull down the “Format” menu and choose “Remove All Text Styles”.

You can change the vertical alignment of the image by double-clicking it and going to the “Appearance” tab. Here you can change the alignment from “bottom” to “top” or “center”. (Skip the other two options for now.)

image 24
  1. Acquiring Images
  2. Images
  3. Aligning images with text