First Step4.0
画像を表示してみる



今回は少しややこしい話が出てくるので心構えを。しかも話ばっか。
とりあえず前回文字をいじれるようになりましたよね。
ならなかった人はまぁ、前のステップに戻って、まったり頑張れ。。
今回は画像の表示についてです。
が、柴塚の都合で画像を用意できないので、ここで選択肢が３つ。
1.ホームページに画像使わないなら、このステップを読む必要もないので読み飛ばしてＯＫ。
2.後でもいいやと思ったら、まぁ、後で読みなおせばいいよ。次のステップいこう。
3.画像貼りたいと考えてるなら、貼りたい画像をまぁ用意しちゃってください。うん、今すぐ。

はい、今この時点で画像が用意できたことを前提にしています。適当なのでいいよ。
では、step1とかで作った「index.htm」の表示内容のところに、

<img src="用意した画像の名前">

と打ち込んでください。用意した画像の名前はもちろん自分の用意したやつを。
名前はちゃんと「.jpg」とか「.bmp」とかの、ドット以後も入れましょう。
で、htmファイルを普通にダブルクリックで開きましょう。あぁ、ちゃんと保存してから開けよ。
素直に画像が表示された人は、画像がindex.htmと同じフォルダにあった人だけですね。
ほかの人は赤い×マークが出てくると思います。
それ以外の人はたぶん打ち間違えたな…。

さぁここからの説明がややこしいですよ。
実は画像の名前と言いましたが、実際には「アドレス」を書き込まないといけません。
アドレスはそう、ホームページ開いたら上のほうに出てくるあれ。
アドレスってのは、英語のままに「住所」って意味ですね。そのファイルのある場所を示してるんです。
その中にも「絶対パス」と「相対パス」とか言うのがありますが、今回は「相対パス」だけを使います。
「相対パス」っていうのは自分からみた相手の位置(アドレス)のことです。詳しい説明は割愛。

ここでまた選択肢が2つ。後のことを考えると、2.の選択肢を推奨。
1.あぁー面倒くさいなぁ…って人は、とりあえず表示する画像とかをindex.htmと同じフォルダに全部ぶちこむ。以後読み飛ばし。次のステップへ。
2.後で困るなら今読んどこうかな、って人は、読んでみよう。

マイドキュメントを開いてください。「アドレス」が上のほうに表示されてますね。
表示されてない人は「表示」→「ツールバー」→「アドレスバー」をクリックして表示させてください。
このアドレス、ところどころ\で区切られてますよね。
区切られた一つ一つを見てください。フォルダ名ですよね。
一番最後には今いるフォルダ、その前には今のフォルダが入ってるフォルダ、その前には…となっているのが分かるでしょうか。
いや、分からなくてもそうなっています。確認してくれ。
実はインターネット上のアドレスも、\が/になっただけで、ほとんど同じことです。
で、ですね。相対パスの場合、アドレスは自分のフォルダより後ろのものだけ書けばOKです。
例えば、
「C:\Documents and Settings\柴塚\My Documents\ＨＰ\忍者HP\Study\hp」にある「Fstep4.gif」を、
「C:\Documents and Settings\柴塚\My Documents\ＨＰ\忍者HP」のhtmファイルから表示しようと思ったら、
この画像のアドレスは「Study/hp/Fstep4.gif」になります。\は/に変えておいてください。
つまり忍者ＨＰフォルダのhtmファイルには<img src="Fstep4.gif">と書けば、画像「Fstep4.gif」は表示されるわけです。

我ながら分かりにくい説明だけど、理解してくれ。
まぁ、最終的には、htmファイルと同じフォルダに入れておけば名前だけでOK、なんだけどね。

<img src="用意した画像のアドレス">

コレで画像が表示されます。
これにて今回のレッスンは終了。以下の文はやっぱり駄文。やっぱり読み飛ばしてOK。



ぅあー今回も疲れたぜ柴塚です。
アドレスとかパスの説明って結構難しいんだよね。
使ってるうちに感覚で分かってきた派だから。
つかね、駄文のネタが無くなってきたよ。
じゃぁ前回に引き続き睡眠の話な。
最近ね、頻繁に足がつって目が覚めるよ。非常につらい。
しかも朝６時頃って決まってるんだよ。二度寝できそうで微妙な時間な。
なおかつ「痛ててててててッッッ」って叫べない時間帯な。
寝起きの低いテンションで「〜〜〜〜〜〜ッ」ってやり過ごすわけで。
徹夜主義で、足がつるから寝が浅い。
…日中がすごく眠いよ。



←前へ　 メニューへ　 次へ→