ホームページビルダーを学ぼう＞各種リンクの設定＞イメージリンク

ホームページビルダー12・11・8の使い方解説

リンクはテキストだけ無く画像に設定する事も出来ます。テキストに比べて華やかにページを飾ったり目立たせる事も出来ますが、テキストリンクのように一目でリンクが設定されているかどうかわからない点が盲点と言えば盲点かも知れません。

画像にリンク

画像の上にポインタを合わせ、クリックすれば画像が選択されますので、後は文書の時と同作業です。

画像にリンクを挿入したら、画像を選択し「属性の変更」で「代替テキスト」に説明を記入しましょう。画像の上にマウスが来ると説明文が出ます。また、画像の設定をオフにしている方にとっては、このテキストが無いと何のリンクか解りません。これも訪問者の方々に対する配慮のひとつです。

画像の一部にリンク

画像の一部にリンクを挿入するには、「イメージマップ」を使います。右の女の子にリンクを挿入してみましょう。
「編集メニュー」→「かんたん編集」→「イメージマップの編集」または、画像を右クリック→「画像を編集」→「イメージマップの編集」へ進んでください。すると「イメージマップエディター」が起動します。「マップ名」に画像の名前が記されていますので、２つ以上マップを作るのであれば覚えやすいように変更しておきましょう。

のボタンで囲む形を決めましょう。女の子をきっちり囲むことは無理です。

それぞれの形を表してみました。丸は楕円にはなりません。また、多角形は残像の見栄えが良くないので。地図などの隣がくっついている場合に使いましょう。
○と□は始点と終点までをドラッグします。○は誤差がありますので、後で調節します。

多角形はクリックして次の支点、その繰り返しです。最後はダブルクリックで終了します。いずれの場合も終了と同時にリンクの挿入ダイアログが開かれますので、前と同様にリンクを設定してください。枠の位置の調節をしたい場合は、画像を選択し、同様にイメージマップの編集で選択した枠をクリックすれば位置の調節ができます。

画像にリンクを挿入したら、ここでも「代替テキスト」に説明を記入しましょう。一番上の子供２人と元の画像にマウスを重ねてみてください。挿入方法は下記です。

	●	マップリストの表示ボタン		を押してください。下記のリストが現れますので、目的のリストを選択し、
			「代替テキスト」を入力してください。

画像にリンク