やっぱり難しい? 階層構造とパス

スポンサードリンク
レクタングル広告(大)

階層構造とパスを理解する為のアナログ手法

階層構造とパスがどうしても難しい!」という方向けの記事です。

階層構造の仕組みが難しい際には以下のように考えてみましょう。
(かなりアナログな手法で面倒ですが。。。)

まず、HTMLフォルダの中には2つのhtmlファイルとimagesフォルダがあり、さらにimagesフォルダ内には画像ファイルと2015フォルダがあるとします。
(言葉ではわかりずらいので、下のイメージを参考にして下さい)
フォルダイメージ

上のフォルダとファイルの構成を簡単でいいので、手書きで階層構造に書き出します。

手順としては以下のように書きます。(説明のイメージもある意味手書きですw)
(上の説明を切り取りながら説明します)

HTMLフォルダの中には」となっているので、HTMLフォルダを四角で一番上に描きます。
階層構造説明01

次に「HTMLフォルダの中には2つのhtmlファイルとimagesフォルダがあり」となっているので、HTMLフォルダの下に3つの線を引き、その線の下にファイルとフォルダを描きます。(線はトーナメント表のような感じになる)
階層構造説明02
階層構造説明03

そして、「さらにimagesフォルダ内には画像ファイルと2015フォルダがある」とあるので、imagesフォルダの下に線を引き上の手順と同じように画像ファイルと2015フォルダを下に繋げれば完成となります。

階層構造説明04

ここまでできたら、次に移動の考え方ですが、現在地が大事なので必ず現在地を決めてください。(下の図だとimagesが現在地)

階層構造の説明06

そこから2015フォルダに移動する際には「/2015」となり、HTMLフォルダに移動する場合は「../」となります。

スポンサードリンク
レクタングル広告(大)
レクタングル広告(大)

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)