画像を使おう！

今回は画像をつかってみようね。画像を使うとさらに面白いホームページが作れるよね。
絵や写真なんていうのも表示することが出来るんだよ｡
じゃあ、まず画像を表示するためのタグを見てみよう。

■のところには画像のファイル名を入れるんだけど、まずそのことについて少し話すね。
以前やったけどホームページを保存する時に”.htm”っていう拡張子をつけないといけなかったよね。

参照
この”.htm”っていうのは｢これはＨＴＭＬ文書ですよ」っていう印だったね。
そして、今回やる画像のファイルというものは後ろに”.gif”、”.jpg”のどちらかが付いているんだ。
”.gif”、”.jpg”について
このふたつがついているときは「これは画像ですよ」ってコンピューターにいってるんだね。
さて、画像の入手方法なんだけれど自分で作ってもいいし、どこかのホームページから取ってきてもいいよ｡
もしどこかのホームページから取ってくるんだったら、Ｙａｈｏｏ！（検索サイト）という所から検索で”素材”って打って調べてごらん、たくさんの素材集のホームぺージが現れるからね｡
もし、好きな画像があったらそこで右クリックして”画像に名前を付けて保存”というのを選んでね。後は好きな名前を付けて保存しておこう。
画像が自分のところに揃ったらそれをサーバーにアップロードしておこうね。
やり方はホームページと一緒だよ。このときも自分が保存した場所を忘れないでね。
保存できたらその画像のアドレスが決まるよね。

アドレスが決まったら■のところにそのアドレスを入れるだけだよ。
■のアドレスは絶対パスでも相対パスでもいいからね。

絶対パスについてはまだわかりやすいと思うんだけど相対パスがまだよくわからないという人もいると思うんだ｡
だから、もう一度説明するね。
今いるページが”http://village.infoweb.ne.jp/~fwig2642/yoshi/HTML/basic_lesson4.htm”というページなんだ。
そして表示したい画像が”http://village.infoweb.ne.jp/~fwig2642/yoshi/HTML/gazou/info/next.gif”というところにあるんだね。
太字の部分に注目すると、違うのは”gazou/info/next.gif”というところだけだよね。だから相対パスは”gazou/info/next.gif”だけでいいんだよ。

”.jpg”と”.gif”について

”.jpg”と”.gif”はふたつとも画像をあらわす拡張子なんだけど、何が違うかというとそれぞれに特徴があるんだね。
”.gif”（ジフ）は２５６色しか表わせないんだ。だからイラストとかちょっとしたアイコンや絵などに向いてるね｡
”.jpg”（ジェイペグ）は主に写真などの場合に使うんだ。”.jpg”では全部で１６６７万色の色を使うことが出来て、ほとんどの色を再現できるんだよ｡
どっちがいいかといえば人それぞれによるんだろうけど僕は全部”.gif”で画像を取り扱ってる｡
ホームページを見てくれる人は表示までに時間がかかりすぎるといやだろうし、その意味であまり写真とかも使いたくないんだ。
でも自分のとった写真や絵を展示するのが目的だったりする人はやっぱりきれいに表示させたいよね、
だからそういう人は”.jpg”を使えばいいんじゃないかな。
僕はほとんど”.gif”を使ってます｡