<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=x-euc-jp">
<TITLE>イメージマップ-その1-</TITLE>
</HEAD>
<BODY BGCOLOR="#FCFCFC">
<H1>イメージマップ-その1-</H1>
<HR>
HTMLで正式に定義されている方法でイメージマップを使いたい場合は、CGIを使います。作成手順は大体以下の通りです。
<OL>
<LI>絵を作成する。
<LI>座標、リンク先などを決め、<A HREF="./imap1.map">マップファイル(例えば、このページで使っているものは、、、)</A>を作る。
<LI>以下のように、マップファイルをcgiスクリプトに教える。
<PRE>
	&lt;A HREF=&quot;/cgi-bin/imagemap/~miuraj/html/imap1.map&quot;&gt;

	(~miuraj/public_htmlの下にhtmlディレクトリーがあり、その下に
	 マップファイル、imap1.mapがある。)
</PRE>
<LI>IMGタグにISMAP属性(値無し)を指定する。(指定が無いと、その図がイメージマップであることが分からない。)
<PRE>
	&lt;IMG SRC=&quot;/~miuraj/images/dragon.gif&quot; ISMAP ALT=&quot;image map&quot;&gt;
</PRE>
</OL>
<HR>
ロゴマーク、目、手、<FONT COLOR="#FF0000">火</FONT>の部分を選択すると、別のファイルが参照できます。
<P>
<CENTER>
<A HREF="/cgi-bin/imagemap/~miuraj/html/imap1.map" BORDER=0>
<IMG SRC="/~miuraj/images/dragon.gif" ISMAP ALT="image map">
</A>
</CENTER>
<HR>
以上の方法は、
<UL>
<LI>座標をもとにリンク先を判断する
</UL>
という作業がwebサーバー側で行われるので、<STRONG>server-side imagemap</STRONG>とも呼ばれます。
<P>
<A HREF="imap2.html">server-sideでないイメージマップ</A>も有ります。
<HR>
<ADDRESS>
miuraj@isc.meiji.ac.jp
</ADDRESS>
</BODY>
</HTML>
