Netscape 7.0 　Comporserを使用したホームページ作り


ステップ８　　《　リンク　No.1　》

１．リンク　ってなに？
　　HP(ホームページ）上でク大きい画像を表示したり、別のページを表示したりする
　　表示のとび先の関連づけを　”リンク”　といいます。

　　・小さく表示した画像（サムネイル）に大きな画像表示のリンクづけ。
　　・文字に飛び先表示のリンクづけ。
　
ここでは画像へのリンク設定を行います。　

例１　画像にリンク
画像にリンク
fl1

２．リンクの前準備
　　１）表示する画像の用意
　　　　予め表示する画像を用意します。
　　　　一つは小さい画像ともう一つは表示する大きい画像です。
　　　　《ここ重要》
　　　　（１）画像を保存する場所（ホルダー）はこのページを保存する場所と同じにする。
　　　　　　　実際は異なっていても問題はないが簡単にするために同じにします。　
　　　　（２）小さい画像
　　　　　　　上記に表示したサイズの画像
　　　　　　　　　横　：１００ｐｉｘｅｌs　　縦　：　７５ｐｉｘｃｅｌs　のｊｐｇ（画像形式）　
　　　　（３）大きい画像
　　　　　　　　　横　：５００ｐｉｘｅｌs　　縦　：　５４２ｐｉｘｃｅｌs　のｊｐｇ（画像形式）


３．リンク付け操作
画像にリンク
 
この上の枠内に画像貼り付け　リンク付けを行ないます。
最終は例１になります。

　１）小さい画像の表示設定
（１）画像を表示したい場所でクリックし
　　　ツールバーの画像をクリックする。　下の図：　１  
                                          zu1-1
zu1


（２）２　ファイルを選択をクリック　
（３）３　画像ファイルを選択
　　　　　ここでは、　gazou1-s.jpg を選択
（４）４　代替テキスト　zu1 と入力　（５）へ
　　　　　（これは、画像表示ができない場合この代替テキストを表示する）
zu2

（５）小さい画像貼り付け完了
zu4  
 
 　２）画像のリンク付け（大きい画像へ）


 上記画像のプロパティで下記のとおり実施。
（１）５　リンク選択し
（２）６　更にファイルを選択すると　
（３）ＨＴＭＬファイルを開き
（４）７　ファイルの種類を画像　にし
（５）８　表示ファイルから　大きい画像を選択する。　　
　　　　　ここでは gazou1.jpg を選択
（６）９　最後に画像プロパティ　ＯＫ　クリックで完了　　
　
　　zu5

第８回終わり。