LT - Linked Images Lesson

 

Linked Images Lesson

Use Images to your Advantage

Most websites include images that pertain to the content showcased. As you create websites, you might decide to hypertext the logo so that it directs users back to the home page. This is a best practice that provides a quick point of reference for your audience. It will eliminate the time that would have been spent searching for the link to return to the home page.

 

Image Maps

In addition to defining an entire image as hypertext, you can also divide an image in sections, also referred to as hotspots, in order to direct your audience to different resources or websites. A good example of this process would be the United States map. The image could be divided by state so that when the user clicks on a specific state, they would be directed to a resource that would provide more information about the state. In order to create an image map, you need an image and markup. The <img> element is used to add the map image to the web page. You will also need to include the usemap attribute to inform your browser that the image map is part of the image. The map element will use the name attribute to identify the map. The value of the name should match the value of usemap in the <img> element that is associated with the map.

 

IMAGES CREATED BY GAVS