超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap
 Home > Netscape6でホームページをつくろう! > 画像を使ったリンク > Next 

■ 画像を使ったリンク

画像を使ってリンクを作成することができます。

まず、画像を挿入します。前に説明しましたね。
[挿入]メニューから、[画像]を選択するか、画像アイコン をクリックすると、[画像のプロパティ]ダイアログボックスが開きます。
[画像のURL]と[代替テキスト]を入力して[OK]をクリック。

ここではトップページへのリンクということで、こんな画像を挿入してみました。

こんな画像→ホームへ

挿入した画像を選択(クリック)して、[挿入]メニューから、[リンク]を選択するか、リンクアイコン をクリックします。
[リンクのプロパティ]ダイアログボックスが開きますので、[リンクの場所](リンク先URL)を入力するか、[ファイルを選択]をクリックし、リンク先ファイルを選択します。このとき、不要な部分を削除することを忘れないで下さい。

リンクのプロパティダイアログボックス

[OK]をクリックすると、トップページへのリンクが作成されます。
Composer の画面はこのようになります。

画像のリンクできあがり

でも、このままでは、ブラウザに表示したとき、画像に「リンク枠」(画像の周りの線)がついてしまいます。
このリンク枠が表示されないようにするには、画像を選択(クリック)してから、画像アイコン をクリックします(または画像をダブルクリック)。
[画像のプロパティ]が開きますので、[余白]のうち、[枠線]の値を「0」にします。

画像のプロパティ、枠線=0

これで画像の枠線が表示されなくなります。
もちろん、最初に画像の挿入をするとき、[枠線]の値を「0」にしておけば、後から直す手間を省くことができます。

クリックしてみてね♪→ホームへ


 Home < Netscape6でホームページをつくろう! < Back < 画像を使ったリンク > Next