イメージマップは単純なHTMLタグです
イメージマップは、あなたのWebサイトを活性化させるためのエキサイティングで興味深い方法です。イメージをアップロードして、そのイメージの一部を他のオンライン資産にクリック可能にすることができます。 ピンチでイメージ・マップ・エディタをダウンロードしたくない場合は、 HTMLタグを使用してマップを作成するのは簡単です。
画像、画像エディタ、 HTMLエディタやテキストエディタが必要です。 ほとんどの画像エディタでは、画像をポイントするとマウスの座標が表示されます。 この座標データは、イメージマップを始めるために必要なすべてのデータです。
イメージマップの作成
イメージマップを作成するには、まずマップの基礎となるイメージを選択します。 画像は「通常のサイズ」でなければなりません。つまり、ブラウザが拡大するほど大きな画像を使用しないでください。
イメージを挿入すると、マップの座標を識別する追加の属性が追加されます。
イメージマップを作成すると、イメージ上でクリック可能な領域が作成されるため、マップの座標は選択したイメージの高さと幅と一致する必要があります。 マップは3種類の図形をサポートしています:
- rect - 長方形または四角形
- 多角形または多角形
- 円 - 円
エリアを作成するには、マッピングする特定の座標を分離する必要があります。 マップは、画像上の1つ以上の定義された領域で構成され、クリックすると新しいハイパーリンクを開きます。
四角形の場合は、左上と右下の角だけをマッピングします。 すべての座標はx、y(上、上)としてリストされます。 したがって、左上隅0,0と右下隅10,15については、0,0,10,15と入力します 。 それをマップに追加します:
<地図名= "babycats"> <エリア形状= "rect" coords = "0,0,10,15" href = "morris.htm" alt = "Morris"> map>ポリゴンの場合、各x、y座標を別々にマッピングします。 Webブラウザは自動的に最後の座標セットを最初の座標セットに接続します。 これらの座標内のものはマップの一部です。