Scribd Logo
Upload

Welcome to Scribd!

  • Priyankar (Pgm3)

    Uploaded by

    Priyankar Paul
    30 views5 pages
    The document describes creating client-side and server-side image maps. Server-side image maps use the IMG tag's ISMAP attribute to make areas of an image links, sending click coordinates to the server. Client-side image maps use the MAP and AREA tags to define clickable areas within an image on the client-side without sending data to the server. Code examples are provided to demonstrate creating image maps for an HP and Apple image.

    Original Description:

    Original Title

    Priyankar[Pgm3]

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes creating client-side and server-side image maps. Server-side image maps use the IMG tag's ISMAP attribute to make areas of an image links, sending click coordinates to the server. Client-side image maps use the MAP and AREA tags to define clickable areas within an image on the client-side without sending data to the server. Code examples are provided to demonstrate creating image maps for an HP and Apple image.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    30 views5 pages

    Priyankar (Pgm3)

    Uploaded by

    Priyankar Paul
    The document describes creating client-side and server-side image maps. Server-side image maps use the IMG tag's ISMAP attribute to make areas of an image links, sending click coordinates to the server. Client-side image maps use the MAP and AREA tags to define clickable areas within an image on the client-side without sending data to the server. Code examples are provided to demonstrate creating image maps for an HP and Apple image.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    Priyankar Paul 1

    29SCS124

    Ex. No: 3
    19/01/2011 IMAGE MAPS

    Aim:
    To create client side and server side image maps.

    Descriptions:
    Image maps allow make certain areas of an image into links.

    Server Side Image Maps:


    For a server side image map, put an image inside a link, and set the ISMAP attribute on the
    IMG (just the name, it does not need a value).when the is clicked, the browser will request
    the given link, and add x,y on the end of it, as the click is offset from the left, top corner of
    the image.

    Client Side Image Maps:


    Create the map that will be associated with the image. This is created using the MAP
    element, which must have a NAME attribute set, with a name that will be used to reference
    the map. Images that use the map should have their USEMAP attributes set to the same as the
    map name, with a ‘#’ character in front of it. The closing tag is required.
    Priyankar Paul 2
    29SCS124

    Program:

    Main Page:

    <html>
    <body>
    <h1 align=Center>Server side image mapping</h1>
    <p align=center>
    <a href = "page1.htm"> <img src ="hp.jpg" ismap>
    </a>
    </p>
    <hr/>
    <h1 align =Center>Client side image mapping</h1>
    <p align = center><img src="apple.jpg" usemap="#aa"/>
    <map name="aa">
    <area shape = "rect" coords="0,0,148,71" href="apple.htm">
    </map>
    </body>
    </html>

    Server Side:

    <html>
    <body>
    <p align="center"><b>What’s new with the HP MediaSmart Server EX490/EX495?
    </b></p>
    <ul class="bulletlist">
    <li>Create custom settings and profiles to suit your needs </li>
    <li>Easily control how you convert your home videos </li>
    <li>The EX490 lets you store up to 260,000 photos, or 227,000 songs, or 600 hours of video
    </li> <li>The EX495 lets you store up to 390,000 photos or 340,000 songs or 900 hours of
    video </li>
    <li>Hard disk recovery, media collection, and enhanced administration for Mac users </li>
    <li>Faster response time and improved status feedback </li>
    </ul>
    <p align=center><a href="main.htm">Back to home page</a></p>
    </body>
    </html>
    Priyankar Paul 3
    29SCS124

    Client Side:

    <html>
    <title>Macintosh OS</title>
    <body>
    <p align="center"><img border="0" src="Mac.jpg" width="125" height="119"></p>
    <p><b>Company / Developer: </b>Apple <br>
    <b>OS family:</b> Mac OS (System 1-7, Mac OS 8-9), Unix (Mac OS X)<br>
    <b>Working state:</b> Publicly released <br>
    <b>Source model:</b> Closed source (with open source components) <br>
    <b>Latest stable release:</b> 10.6.5 [4] (November 10, 2010; 2 months ago (2010-11-
    10))<br>
    <b>License Proprietary:</b> EULA <br>
    <b>Official website:</b> <a
    href="http://www.apple.com/macosx/">www.apple.com/macosx/</a>
    <br>&nbsp;</p>
    <p align="center"><a href="main.htm">Back to home page</a></p>
    </body>
    </html>
    Priyankar Paul 4
    29SCS124

    Output:
    Priyankar Paul 5
    29SCS124

    Result:

    Thus the HTML code for client side and server side image mapping has been done and its
    output successfully verified.

    You might also like