Assignments

Learning Report #4:

Click to Enlarge Image:

What I have Learned:

Enable to have a small image, and being able to click on it to bring up a larger version of the picture; the <map> tag is used. The <map> tag is used to define a client-side image-map. An image-map is an image with clickable areas. The name attribute is required in the map element. Using Netbeans, the ID was used instead of using the name attribure. This attribute is associated with the <img>'s usemap attribute and creates a relationship between the image and the map. The map element contains a number of area elements, that defines the clickable areas in the image map.

The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas). The area element is always nested inside a <map> tag. The area tag using the coords attribute to specify where the clickable area of the image is.

Information from: http://www.w3schools.com/tags/tag_map.asp

Why Important:

When I started planning my webpage, I knew I wanted pictures located on my site. But I knew it would be better and look better if the pictures were loaded small and viewed larger if a person clicks on the picture. This will make my site load quicker, look cleaner, and be more user friendly.

Implication:

Assignments Page