イメージ・マップを作成する

イメージ内に、ユーザーの Web サイトの別のページへリンクする領域を定義することができます。 さまざまなサイズと形状の複数の領域を定義することができます。

イメージ・マップを作成するには、次のようにします。

  1. Page Designer でファイルを開く。
  2. 「デザイン」ページでイメージを選択する。
  3. 「編集」 > 「イメージ」 > 「イメージ・マップの編集 (Edit Image Map)」を 選択する。
  4. 定義する領域の形状に該当する適切なツール・ボタンをクリックする。
  5. マウス・ポインターをイメージの対角線上で斜めにドラッグし、 選択する領域をアウトラインの形状に収める。

    多角形を定義するときには、「多角形 (polygon)」ボタンをクリックしてから、 定義したい多角形のそれぞれの頂点に該当する点でイメージをクリックする。 最後の頂点をダブルクリックして終了する。

  6. 「リンクの挿入」ダイアログ・ボックスで関連情報をすべて指定する。
  7. OK」をクリックする。 イメージ枠の下の表には、マップ領域のリストが表示されます。
  8. リストからマップ領域を選択し、「代替テキスト (Alternative text)」 フィールドに説明を入力する。

    代替テキスト (Alternative text)」 フィールドにテキストを入力しておけば、視覚障害のあるサイト訪問者でも、 ボイス・リーダーを使ってサイトをナビゲートすることができます。さらに、イメージを表示できない Web ブラウザーを使用している訪問者でも代替テキストをリンクとして選択できるので、代替テキストは必ず入力する必要があります。

  9. リンクを備えた複数の領域を作成するには、上記のステップを 反復し、「OK」をクリックする。
  10. Windows の場合 「プレビュー」ページに進み、マップ領域をクリックすると、 プレビュー・ブラウザーで使用されるリンク・アイコンがポップアップ表示されるので、 更新が正確に反映されているかどうかを確認する。

    Linux の場合Web ブラウザーにページをロードし、マップ領域をクリックして、更新内容が正確に反映されているかどうかを確認する。

関連タスク
イメージ・マップ
イメージおよび背景イメージを挿入する

フィードバック