前のページへ 目次へ 次のページへ

WEB上にサブディレクトリを作ろう(2)

 以下は絶対パスと相対パスの違いを説明するために、珍獣がおともだちに送ったメールです。
 

ふむ〜、なるほど。そこまで出来てるんだったら話は早そう。
原因もだいたいわかったような気がします。

同じディレクトリ内でも、別のディレクトリにはる場合でも、
(ツールの使い方という意味では)リンクのはりかたは同じです。
ただ、Aさんはリンクをはるときに自分のパソコンの中の絶対パスを書いちゃってるんですよ。
それじゃ、ジオのコンピューターに移した時に迷子になっちゃいます。
どこへ持っていっても通用するように
相対パスっていうのを書かないと。

絶対パスと相対パスについて説明するまえに、
そもそも、パスってのは何なのか考えてみましょう。

自分のホームページを人に教えるとき、
URLとかいって、長ったらしいアドレスを教えますよね。
これは特定のホームページに行くまでの
道順(パス)を書いてるだけなんです。

珍獣の館のトップページのURLは
http://www.geocities.co.jp/HeartLand-Icho/2648/index.html
ですね。

これは言葉で書き直すと、

>geocities.co.jpっていうコンピューターの/
>HeartLand-Ichoっていう名前のフォルダ(ディレクトリ)の中の/
>2648っていう名前のフォルダの中の/
>index.htmlというファイル

って意味なんですよ。
東京都/**区/……町/何丁目/何番地/って
住所を書いてるようなものですよね。

同じ方法で自分のパソコンの中の特定の場所への道順も書けます。
珍獣が持ってるパソコンの中に保存されてる「珍獣の館」のトップページへの道順なら、

>珍獣のパソコン/d:/html/hp01/index.html

です。

>珍獣のパソコンの中の/d:というドライブの/htmlというフォルダの/index.htmlというファイル

という意味ですよね。
ここにはジオにあるのとそっくり同じものが保存されてます。
こういう方法で書かれた道順を「絶対パス」って言います。
ひとんちのホームページにリンクをはる時は、こういう絶対パスのURLを書きますよね?

最悪、どーしてもわからないという場合は、
ディレクトリごとに独立しているホームページを作って、
ひとんちのページにりんくするのと同じように
じぶんちのサブディレクトリにリンクをはればいいです。

自分ページのサブディレクトリのURLは簡単にわかります。
たとえば、珍獣の館のおおもとのディレクトリ(一番上のディレクトリ)の下に、
test」というサブディレクトリを作って、test.htmというファイルを入れたとします。

test.htmのURLは

>www.geocities.co.jp/HeartLand-Icho/2648/test/test.htm

です。これを、リンク先として指定すればOK。

ここまではいいと思うんです。
問題はここから。

ジオのコンピューターの中の珍獣の館トップページの住所は
 www.geocities.co.jp/HeartLand-Icho/2648/index.html
珍獣のパソコンの中の珍獣の館のトップページの住所は
 珍獣のパソコン/d:/html/hp01/index.html
です。

どちらも同じ構造のホームページなのに、
置いてある場所によって住所が変わるとしたら、
置く場所によってリンク先を変えなきゃならないの?!

そうなんです、絶対パスで書こうとしたら変えなきゃならない!
だって、自分のパソコンの中には
HeartLand-Icho」なんて名前のフォルダ(ディレクトリ)はないし、
2648」なんてのもないから、そんな名前の道順を教えられてもどこを探していいかわからない。
ジオ内の絶対パスでリンク先を指定してしまうと、
自分のパソコンの中では行き先を見失っちゃうんですよね。
逆に、自分のパソコンの中の絶対パスでリンク先を指定したら、
ジオシティーズにアップロードして使ってみると迷子になってしまいます。

そういう場合は自分が今いる場所を基準にして道順を書く方法があるんです。
これを「相対パス」っていいます。
相対パスというのは、
「今わたしはtestっていう奧の部屋にいるんだけど、
ひとつだけ玄関に近い部屋に移動したいの」
って感じの指定方法なので、どこへ持っていっても通用するわけ。

たとえば、さっき作った「test」っていうサブディレクトリから、
おおもとのディレクトリのindex.htmlにリンクをはる場合は、
>../index.html
って書けばいいんです。
「../」は、ちょっと見にくいけど、「ピリオド2個と半角スラッシュ」です。
これは、今いるところのひとつ上の部屋に移動しなさいという命令です。
もちろん、もっと深いところから戻ってくることもできます。
そういうときは、おおもとのディレクトリにたどり着くまで
「../../……」と続ければいいです。

逆に、おおもとのディレクトリから、
ひとつ下の「test」っていうディレクトリにリンクを貼るには、
>test/ファイル名
って書きます。
サブディレクトリは1個とは限らないので、
「ひとつ下に移動」という命令はできないので、
ちゃんとディレクトリの名前を書かないとダメです。

ところで、Aさんはフロントページで作ってるんですよね。
とすると、実はこんな面倒くさいこと考えなくて大丈夫かもしれないです。
最近のツールは「相対パス」っていうのを勝手に書いてくれるはずです。
珍獣はフロントページは使ってないんですが、
うちで使ってるネットスケープも似たような身の上のソフトなので、
おそらくやり方はたいして違わないと思います。

たとえば

>サブディレクトリへ

という文字をマウスでなぞって反転させて、
リンクをはるためのアイコンかメニューをクリックすると、
「ページの場所」とかなんとかを聞いてきますよね。

たぶん、その近くに「ファイルを選択」とか「参照」とか、
そんなボタンがくっついてると思うんですよ。
あったらクリックしてみてください。

するとたぶん、ファイルの一覧が表示されるはずです。
ファイルだけじゃなくフォルダ(ディレクトリ)もあれば表示されます。
そこで、好きなフォルダをクリックして、ファイル名をクリックして、
「OK」ボタンを押せば、ツールが勝手に相対パスで書いてくれるはず。

ここまでだいたいわかったら、
とりあえず実験で実際にサブディレクトリを作ってみましょう。
動作を確認できればいいだけなので、
文字だけの簡単なページでためしましょう。
もし、やってみたけどやっぱりダメーっていう場合は、
ジオのファイルマネージャの使い方に問題があるのかもしれないので、
どんな風にだめだったか忘れる前にメールください。

前のページへ 目次へ 次のページへ