Friday, 14 June 2013

What are various steps for creating client side image map? Discuss all the attribute that can be used with area tag.



STEPS FOR CREATING CLIENT SIDE IMAGE MAP
1.       Create an image map i.e. divides the image into various areas this is done using <MAP> and </MAP>. This tag takes an attribute name via which map can referenced in an html file, <map name = “name of the map”>. Within the <map></map> tag <AREA> tag is specified. This tag defines the specific region within the image. <AREA> tag takes certain attribute. These attribute are :
·        SHAPE : The shape of region can be one the rolling, rect, circle and polygon
·        COORDS(coordinate) :  Each shape takes different coordinates parameters
-Rect will take four coordinate x1, y1, x2 & y2
-Circle will take three coordinate x-axis, y-axis & radius
-Polygon will take three or more coordinate
·        HREF : It takes the name of html file i.e. linked to the particular area on the image.
·        NOHREF : This attribute is optional. It specifies that the specified region has no associated link
·        ALT : It is optional attribute and is used to provide alternative text for the specified region.
·        TARGET : It is used to specify in which linked frame or window the link will open.
·        TABINDEX : It is used to set thetab sequence of hyperlinks in a webpage. The value of TABINDEX attribute can range from 1 to 32767.
2.      This steps deals with applying the image map to a particular image for this purpose <IMG> tag takes an attribute called USEMAP that takes the name of the image map as a value and applies the maps specification to the respective image the value is always presided with # sign.

Discuss the frame and frameset tag with all its attribute also write html code to make the following frameset.
FRAMES
Frames are one of the most powerful concepts of HTML. Its main purpose is to divide the browser`s window into multiple rectangular regions with each containing a different HTML page such that each of them works independently. Each of these regions is called FRAME.
    Frames give us the ability to display multiple WebPages in a single browser window.  Like table each frame in a window may be separate from the others with a border but frames are not really like table. Unlike table each frame may contain different HTML documents which are indicated by its “URL”. Each frame provides a scroll bar or other controls to manipulate the size of the frame. The contents of one frame can be linked to the contents of the other.
  For Example :-
<html>
<head><title>Frameset Document</title></head>
<frameset Rows="20%,80%">
<frame name="n1" src="new1.html">
<frameset COLS="30%,70%">
<frame name="n2" src="f2.html">
<frameset Rows="60%,40%">
<frame name="n4" src="fi.html">
<frame name="n4" src="file3.html">
</frameset>
</frameset>
</frameset>
</html>

No comments:

Post a Comment