まずは、ドメインとかから 説明しとこうかの。
今、ワシらがおるページのURLは、 http://www6.plala.or.jp/go_west/beginner/html/folder.htm となっておるの。 上の「アドレス」を見てみるじゃ。
http://www6.plala.or.jp/go_west/beginner/html/folder.htm
ドメイン名つーのは、このうち plala.or.jp の部分のことなんじゃ。
plala.or.jp
頭の部分のhttp://www6っていうのは なんですか?
http://www6
httpというのは、 ファイルをやり取りする時の 決り事を示す部分なんじゃ。
http
www6の部分は、 そのドメインに指定されとるコンピュータの中の、 一台を特定する為のものじゃ。 こういうコンピュータはWWWサーバと 呼ばれておるの。
www6
つまり、ドメイン名プラスαで 特定のコンピュータを指し示すわけじゃな。
コンピュータと言えば、ホレ、 お前さん達の前にあるパソコンもその一種じゃろ。
サーバってのも、普通のパソコンと同じようなモンなの?
厳密には違うのじゃが、 そのほうが説明がラクダからの。
ごちん☆
今までの話をまとめると、 このファイルは、 http://www6.plala.or.jpというコンピュータの go_westというフォルダを借りて、 その中に、更に幾つかのフォルダを 入れているのじゃな。
http://www6.plala.or.jp
go_west
企業のページなんぞでよくある http://www.xxx.co.jp/というURLは、大抵 http://www.xxx.co.jp/index.htmlというファイルを 参照しておるのじゃ。
http://www.xxx.co.jp/
http://www.xxx.co.jp/index.html
フォルダ名を指定した場合も同じ感じじゃ。 例えば、ワシらのページのURLも ファイル名の部分を消してアクセスすると、 各々のフォルダのindex.htmlを表示出来るぞい。
index.html
大体の場合、サーバの直ぐ下の、 ユーザが借りるフォルダの名前のことを アカウントと呼んでおる。
以下のようなサーバを 想定してみようかの。
hrefやsrcなどで ファイル名だけを指定した場合、 同じ階層、つまり同じフォルダ(ディレクトリ)内の ファイルを探すのじゃ。
href
src
つまり、sondemotteディレクトリ内のindex.htmlから diary.htmlにリンクする場合は、 <a href="diary.html"> とするのじゃ。
sondemotte
diary.html
<a href="diary.html">
その下の、例えばimageフォルダにある back.jpgを背景画像に使いたい時は どう指定するんですか?
image
back.jpg
辿る分のフォルダ名をスラッシュ(/)で区切って並べて、 最後にファイル名を書くんじゃよ。 <body background="image/back.jpg">
<body background="image/back.jpg">
elseフォルダにある2ch.htmlにリンクするには、 linkフォルダとelseフォルダを通過するで、 <a href="link/else/2ch.html"> とするじゃ。
else
2ch.html
link
<a href="link/else/2ch.html">
上の、サーバのすぐ下のindex.htmlを見る時は?
..(ドット2つ)で上の階層を示すことが出来るのじゃ。 これを使って、../index.htmlというふうに 表現出来るぞい。 <a href="../index.html">
..
../index.html
<a href="../index.html">
ああ、つまり2ch.htmlから サーバの直ぐ下にあるindex.htmlを見に行く時は、 <a href="../../../index.html"> となるわけね。
<a href="../../../index.html">
そのとおりじゃ!
因みに、今まで解説してきたのは 相対パスという書き方じゃ。 基本的に、これで書いていくことになるからの。
対して、絶対パスというのは、 「アドレス」欄にあるような書き方で 丸ごと書くやり方じゃ。
フレームのURLを見る時はフレーム内の何もない場所で 画像のURLを知りたい時は画像の上で、 右クリック→[プロパティ]からURLを見られるぞい。
ところでさ、なんでそんなヘンな名前のアカウントなの?
・・・以上、補習終わりーー
戻る※JavaScriptをOFFにしている場合、タイトルページに戻ります。