Experiment No-3: Hyper
link on web page using client side image mapping.
Create a webpage with an inserted
image having jpeg or gif extension. Create 3 different
shapes which do not overlap. Note
the co-ordinates making use of Ms-Paint. Each shape
should be mapped with a different
URL of which two should be to the functional world wide
web
and one URL should be linked to a local web page.
Note: Shape should not be drawn
on the image. Shape should not go beyond the boundary of the image displayed.
ImageMapping.html
<html>
<head>
<title>Client side
image mapping</title>
</head>
<body>
<h1
align="center">Client Side
Image Mapping</h1>
<center>
<img
src="Desert.jpg" usemap="#test" width="450"
height="400"></center>
<map
name="test">
<area
shape="rect" coords="19,15,266,79"
href="http://www.yahoo.com" alt="Yahoo">
<area shape="circle"
coords="287,224,60" href="http://www.rediffmail.com"
alt="Rediff">
<area
shape="poly" coords="122,188,63,240,149,276,215,253"
href=”page1.html" alt="page1">
</map>
</body>
</html>
PAGE1.HTML
<html>
<head><title>page1</title></head>
<body>
client-side image maps don't require a special
map server to determine where the user
clicked and what URL should be accessed
instead, if properly marked-up by the wed
designer,a client-side image map is
interpreted by the browser itself, which
simply loads the URL as if a regular hypertext
link were clicked.
</body>
</html>
No comments:
Post a Comment