|
|
画像の貼りかたについて説明します。
画像には、JPEG、GIF、PNGの3種類が主なファイル形式としてあります。一般に写真など解析率の高いものはJPEG方式、アニメなど色数の少ないものはGIF形式で保存します。
また、Web サイトではJPEGかGIF方式を使うことが多いです。
下の写真で違いを確認して下さい。（同じ写真で2種類を表示しました。）
 |
 |
| JPEG方式（13.6KB) | GIF方式（15.7KB) |
4-1 ご存知でしょうが、このようにします。
必ず border=0 を付け加えてください。そうしないと画像の周りに枠が表示されます。
4-2 画像の大きさを変えます。
→
width=数字 height=数字 で大きさを変えることができます。
4-3 画像にカーソルを合わせるとコメントが表示されます。
コメントの部分に適当な説明などを記入します。
4-4 画像に触れると、窓を表示して説明が表れます。
説明文が長ければ、 \n を使って改行しながら文章を増やすこともできます。
4-5 画像にリンク先を貼りつける場合。
画像をクリックして下さい。このページのトップに移動したのがお分かりいただけましたか？
4-6 画像にマウスが触れると次の画像が表れる方法
いかがですか、ちょっとしたアクセントになりますね。2枚の画像の高さと幅を最初に固定しておいてください。
そうすれば、きちんとしたサイズで表示されます。width=数字 height=数字 で大きさを変えることができます。
4-7 画像のズームインも出来ます。
マウスを乗せると、ズームアップしたのがおわかりいただけたでしょうか。（ただし、ネットスケープでは変化しません。）
4-8 テーブルを額縁のように利用して画像を取り組む方法Ⅰです。
|
テーブルの周りの淵に色をつけることもできます。
方法はテーブルのページで確認下さい。
4-9 テーブルを額縁のように利用して画像を取り組む方法Ⅱです。
|
4-10 テーブルを額縁のように利用して画像を取り組む方法Ⅲです。
|
ⅡとⅢは、BORDER、CELLSPACING、CELLPADDING の数字を変えただけです。ここには任意の数字を入れて下さい。
Web site作成講座 画像の貼りかた