第１章でつくったホームページを更に工夫してみましょう。特に画像は色々な応用の仕方があるので、使い方次第で面白いことができます。
ホームページで使用する画像データはＧＩＦフォーマットですが、第１章で書いたインターレス・ノンインターレスのフォーマットの違いの他に「透過（透明化）」というタイプもあります。画像の背景を透明化して、画像本体だけを表示したように見せるタイプです。
★このページのタイトルの画像も透過ＧＩＦです。
１ 
２
１が透過ＧＩＦファィル、２が通常のＧＩＦファィルです。透過ＧＩＦはインターレス・ノンインターレスのどちらにも使えます。
背景の色に関わらず同化させる事ができるので、画像の質によっては効果的に使えますね。
透過ＧＩＦファィルを作るには？
専用のツールがあります。（ＧＩＸというWindows用のオンラインソフト等、各パソコンに対応したツールがあります。市販の高機能なグラフィックソフトには機能が装備されているはずです。）
このホームページのメインメニューにも使っていますが、「画像にリンクをする」という事もできます。
ＨＴＭＬの書式は・・・
＜Ａ ＨＲＥＦ＝”リンク先”＞＜ＩＭＧ ＳＣＲ＝”画像ファィル名”＞＜／Ａ＞
最初にリンクするためのタグ、その後に画像表示のタグを書きます。
試してみましょう
＜Ａ ＨＲＥＦ＝”ｉｎｄｅｘ．ｈｔｍｌ”＞＜ＩＭＧ ＳＣＲ＝”ｔａｍｅｓｈｉ．ｇｉｆ”＞＜／Ａ＞と書くと
（”ｉｎｄｅｘ．ｈｔｍｌ”というファイル名を使用する場合は、＜Ａ ＨＲＥＦ＝”．”＞でもよいです。）
こうなります。この画像をクリックすると「ホームページ作成講座」のメニューのページへ行きます。もちろん他のホームページへのリンクもＯＫ。この場合、htmlファィルの替わりにhttp:// のホームページアドレス（ＵＲＬ）を記入します。
14400や9600bpsなどの利用ではホームページの画像を表示させるのに時間がかかります。28800bpsでも大きな画像だと結構ツライものがありますね。そこで通常は画像を非表示で使用し、興味のあるところで画像を見る、という使い方をされている方もいらっしゃいます。
そんな時にページのタイトルがグラフィックのみでは、どんなページなのかわかりにくいという事も出てきます。そこで画像を非表示の場合には文字を表示させるというワザを使うと、とりあえず伝えることができますね。
＜ＩＭＧ ＳＲＣ＝”画像ファィル名” ＡＬＴ＝”表示したい文字” ＡＬＩＧＮ＝”表示させる場所”＞
このタグを書いておけば、非表示であってもブラウザでは画像を表すマークと一緒に、表示したい文字として記入した文字が表示されます。
例としてページを作ったので、ご覧になりたい方は「WWWブラウザの画像表示をＯＦＦにして」見て下さい。（各ブラウザのオプションでイメージの自動ロードのＯＮ・ＯＦＦが出来るようになっています）
すべての画像に対してする必要はありませんが、タイトルやメニューになるもの、リンクをしている画像にはこういった配慮をしておくといいと思います。
まだまだ画像の応用はありますが、まずはこんなところで・・・。