Inserting Images in Your Web Page

To add an image to your Web page:

1. In Design View place the cursor in the location where you want the image to appear.
2. Then go to INSERT/IMAGE and navigate to the image of your choice.
3. The image appears in the page.
4. Hit F12 to preview the page in the browser.
5. Does it look as you intended it to look?

Images on the web are in .GIF or .JPG format. Sometimes .PNG files are used.

1. Unless you specify border="0" in the properties manager, a blue border may be seen around your image.
2. Specifying width and height in pixels speeds up download time.
3. Alt text should be specified so that the site still makes sense to users who switch off graphics in their browsers.
4. hspace and vspace can be specified in pixels to allow horizontal or vertical space around the image.
5. Images can be aligned to the left, right or middle
6. Keep the use of images to a minimum - they increase the download time
7. Smaller images keep download time to a minimum
8. Large images can look "clunky" on a web page - especially on a small browser
9. A typical images tag looks like this:

<img src="/graphics/image.gif" border="0" width="100" height="100" alt="My Image" hspace="0" vspace="0" align="right">

Image maps
An image map is a single graphic image that allows users to access different web pages by clicking on different areas of the graphic image.

Advantages:

Sometimes a single image map is quicker to download than multiple navigation buttons, as is the case with our web site. Another advantage for using image maps for site navigation is that graphic designers can show a bit more creativity in designing an image map compared to designing a set of navigation buttons.

Alternative text can also be placed inside the HTML of an image map.

Disadvantages:

Many graphic designers who specialize in print design like to show off their design talent by creating beautiful image maps that are slow to download. Having a beautiful image map can increase sales and show creativity and uniqueness, but there is a good chance of having potential customers click off your web site before a page has time to download.

Also, many search engines will not follow the links inside of an image map, so it is very important an alternative means of navigation for the search engines on your web pages.