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

Chapter 8 Part.1


パス名をマスターする!

 リンク先を記述したり、貼り付ける画像を指定する時に、この「パス名」の考え方は、 非常に大切になります。あやふやなまま進まず、きっちり押さえておきましょう!

そしてpageフォルダは、将来沢山ファイルが入ることが想定されるので、 今のうち、その中に playste,soft,64,parts,等の新規フォルダをつくっておきます。 ファイル名はもちろん半角英数、サーバーによっては8文字以内という制限もありますので、 できるだけ8文字以内にしておきましょう


 和ちゃんが、噛み砕いて説明しますね!
まず、あなたのshopそのものが大きな会社組織だと 仮定してみてください。
indexは会社の総合受付&社内案内です!可愛い娘を座らせておきましょう! index.htmと同じ階層の場所につくったフォルダは、 それぞれの担当部署にわかれた○○部だと思ってください。

images部では、直接その直下にふたつのファイル(shohinとkanban)がありますが、 page部では、更に4つの課(セクション)にわかれている!という感覚ですね。

 慣れるまでは、必ず手間でも、こういった 全体の構成図をきっちり書いて把握しながら 進んでください!これが上達の秘訣です。
右図上段の数字は「階層」の深さをあらわしています。

 たとえば、あなたがindex受付の女の子にこう尋ねたとします


すみません、crisis.htmは何処でしょうか?

はい、それはpage部のsoft課のcrisis担当にお願いします


 これをパス名であらわしますと、index.htmからcrisis.htmにいくには
<A HREF="page/soft/crisis.htm">

★同じ階層で移動⇒ファイルやフォルダ名
★下に降りる⇒/ファイルやフォルダ名



では、もう今度はcrisis.htmの担当者に聞いてみます
すみません、今度はscph5500.htmに行きたいんですが?

はい、それでは一度、上の階層(soft課)に戻ってパーツ課へ移動し、 そこからアダプター係におりて、そこでscph5500担当にお願いします


 これをパス名であらわしますと、crisis.htmからscph5500.htmにリンクするには
<A HREF="../parts/adapter/scph5500.htm">

★上に登る⇒../

../でsoft課にあがります。 そこで同じ階層の移動でparts 更にadapterへ降りるので/adopter その中のファイルなので/scph5500.htm
  さらに今度はscph5500担当者にききます。
すみません、index.htmに戻りたいのですが?

はい、それでは一度アダプター係に戻り、そしてsoft課に戻り、 さらにpage部へ戻ってindexへ移動してください


 これをパス名であらわしますと、crisis.htmからscph5500.htmにリンクするには
<A HREF="../../../index.htm">

連続して上の階層に登る⇒../../

連続してのぼり続ける間はフォルダ名の記述はいりません。 最後のpage部からindex.htm(窓口)への移動のみ記述します!

index.htmへ返す記述は../../../のみが正式ですが、 この場合特別なソフトがないとローカル内では表示がでませんので、 私は、この記述でよいと思っています。

⇒次へすすむ

kasaya.comBACK HOME