URLの見方

私達が作成したホームページ等のファイルはアカウント名以下のURLの部分になります。FTPソフトで自分のサーバーを覗いてみた場合、public_htmlという項目があります。(プロパイダによって名前は違う場合があります。)htmlファイルや画像、音等のファイルは基本的にそこにアップロードします。public_html内は、各自自由にディレクトリを作成しファイルを整理することが出来ます。(ディレクトリとは階層の事)ディレクトリ名は自由につけても構いませんが半角英数字を使います。

URLはスラッシュ(/)で区切られていますが、それぞれの文字には意味があります。
例1 http://www.h2.dion.ne.jp/~poomimi/index.html の場合

dion

プロパイダ名

ne

団体名

jp

国名

poomimi

アカウント名

index.html

ファイル名

参考に
ファイル名には拡張子を必ずつけます。インターネットでは、ファイルの形式を拡張子によって判断する為です。gif形式の画像であれば「gif」。MPEGの動画であれば「mpg」といったように拡張子を忘れないようにしましょう。

絶対パスと相対パス

パスというのはURLの事です。他のサーバーよりURLを指定する場合は「URLの絶対パス」を使います。(以下、絶対パスと略します)「絶対パス」とはhttp://www〜から始まるURLの事です。同じサーバー内でURLを指定する時は「相対パス」を使います。

orange(ディレクトリ名)

images(ディレクトリ名)

photo(ディレクトリ名)

cat.jpg
dog.jpg

logo.gif
icon.gif
line.gif
index.html
profile.html
link.html
photo.html

green(ディレクトリ名)

images(ディレクトリ名)

photo(ディレクトリ名)

kyoto.jpg
osaka.jpg
index.html

logo.gif
icon.gif
line.gif
index.html
index.html
link.html

相対パスと絶対パスの例

オレンジのサーバーのcat.jpgをオレンジのphoto.htmlに貼り付ける場合(相対パス)
<IMG SRC="images/photo/cat.jpg">

グリーンのサーバーのkyoto.jpgをオレンジのphoto.htmlに貼り付ける場合(絶対パス)
<IMG SRC="http://www.プロパイダ名/green/images/photo/cat.jpg">

グリーンのサーバーのphoto(ディレクトリ)のindex.htmlにグリーンのサーバーのimages(ディレクトリ名)のicon.gifを貼り付ける場合(相対パス)
<IMG SRC="../icon.gif">

グリーンのサーバーのimages(ディレクトリ名)のindex.htmlにオレンジのサーバーのphoto(ディレクトリ名)のdog.gifを貼り付ける場合(絶対パス)
<IMG SRC="http://www.プロパイダ名/orange/images/photo/dog.jpg">

グリーンのサーバーのimages(ディレクトリ名)のindex.htmlにグリーンのサーバーのimages(ディレクトリ名)のlogo.gifを貼り付ける場合(相対パス)
<IMG SRC="logo.jpg">

参考に
階層の深い部分から階層の浅い部分にURLを指定する場合、一つのディレクトリを「../」で記述します。