| イメージマップを作成しよう | |
 |
まずはイメージマップにする画像を普通に挿入してください。 複数リンクを張るので大きめの画像がいいと思います。 |
 |
画面上部の編集タブから 簡単編集を選択してイメージマップの編集を選択します。 右クリックメニューからでも選択出来ます。 右クリック→画像の編集で可能です。 |
 |
左のような画面が表示されます。 図の□と○で囲んだ部分にリンクを作成します。 |
 |
まずは四角形のリンクを作成します。 左の画面の□で囲んだ部分をクリックしてください。 次にリンクを作成したい部分を矢印で囲みます。 |
 |
見慣れた画面が出てくるので リンクを設定してください。 この画面の使い方はここで説明してます。 任意の場所にリンクを作成したらOKを押します。 後でいくらでも編集出来るので神経質になる必要はありません。 |
 |
リンク部分が四角形で囲まれました。 同じように円形も囲んでみましょう。 綺麗に枠にハマらなくても枠自体の大きさも 位置も自在に変更できます。 |
 |
見当違いの部分に作成してしまっても ターゲットを一度クリックしてみてください。 図のように□で囲まれた感じで表示されますので 好きな位置に移動してください。 小さい方の□で大きさを変える事が出来ます。 |
 |
このアイコンの意味を説明しておきます。 左から 多角形のリンクを作成 円形のリンクを作成 四角形のリンクを作成 普段の選択用矢印に戻ります。 リンク指定した形のコピーをします リンク指定した部分を削除します。 リンク先の編集に使います。 |
 |
□で囲んだ部分をクリックしてalt設定をします。 画像に説明文を付けるための機能です。 オンマウスで文字が表示されるようになります。 |
 |
左のような感じで各リンクにalt属性を設定します。 領域外というのは画像自体のalt属性です。 これで完成です。 これを手打ちでやるのは…凄く面倒です^^;) ソースを見れば解りますが各座標の計算だけでも大変です。 こういうときは…ソフトって便利だなと思います^^) |
| HOME | |
| パソコン初心者講座ぱそおーる | |