商店主さん向けHTMLセミナー
windows95&Internet Explorler準拠

Chapter 8 Part.2

パス名の考え方！
　では、今度は、それぞれのファイル内で画像を使用する際のパス名をかんがえましょう

index.htmでの画像貼付

作業中にimages部のshohin.gifが必要になりました。その時の記述は
<IMG SRC="images/shohin.gif">
これは、Chapter5でもやっていますので、簡単に理解できるでしょう！

crisis.htmでの画像貼付

　crisis.htmで作業中にicon部のball.gifが必要になりました。その時の記述は
<IMG SRC="../../icon/ball.gif">

　これをcrisis.htm内に記述すれば、見事にball.gifが出てきます。

もし、photo部namco課のcrisis.jpgが欲しければ、
<IMG SRC="../../photo/namco/crisis.jpg">

scph5500.htmでの画像貼付

作業中にimages部のkanban.gifが必要になりました。その時の記述は
<IMG SRC="../../../images/kanban.gif">

　

パス名上達のツボ

★１
「../」を打つ時に「あがって」と心でささやく！ 「../../../」は「あがってあがってあがって」っと、おまじないを唱えながら 記述すると、楽チンです！

★２
ブラウザのバーに常にパス名を表示させる！

★３
繰り返すが、慣れるまでは、ちゃんと表にかいて確認していくこと！

　
相対パスのおはなし

他のサイトへリンクをとばす時はhttp://からはじまる記述をしますが、 お店の中の記述はすべて「相対パス」といって、今解説したような、お互いの位置関係のみで記述します。

日常生活でも思い浮かべてみましょう。なにも知らない電気工事屋さんに自分の会社を教える時は 「ええーーと京都市下京区中堂寺粟田町1 京都リサーチパーク・サイエンスセンタービルですねん」 と言うでしょう。これはインターネットではネットサーフィンしている人に教えるWEB上の住所（URL） http://www.easy888.co.jp/ということになります。

ところが、会社の中で仕事をしている時に、社員の人に 「すまんが二階へいって上の棚から紺のＴシャツとってきて！」というでしょう。 これが移動における「相対パス」という考え方で、 "2kai/uetana/kon-t"ということになります。

まさか会社の子に「すまんが、京都市下京区中堂寺粟田町1 京都リサーチパーク・サイエンスセンタービルの二階へいって上の棚から紺のＴシャツ」とはいちいち 言わないでしょう（笑）

会社の中は相対パス

たとえば、ホームページへ返るリンク記述をhttp://www.からの記述にしておくと、 将来サーバーの移転があった場合に、すべてのbackhome記述を書き直すことになります。

自分のサーバー内は、特別の場合を除いて、すべて相対パス表示でかまいません。 自分のＰＣ内のリンク状態が、そのまま（いかなる）サーバー上でも同じ環境になるからです！ 　

｜←Chapter7へ ｜目次にもどる ｜→Chapter9へ ｜

kasaya.comBACK HOME