■ 絶対パス　相対パスの書き方

パスには、相対パスと絶対パスがあります。

絶対パス

全体からファイルを特定する方法です。
http://www.…… というようなホームページアドレスは、絶対パスを使っています。
ホームページ作成では、主に、他のホームページにリンクするときに使います。
ホームページアドレスをそのままコピーすればよいので意味など覚える必要ないと思い
ます。

相対パス

　ホームページ作成には、相対パスは良く使うことになるので、しっかりと覚えてください。といってもそんなに難しくはないです。

　フォルダの構成は、フォルダの中にフォルダがあるときは、フォルダの下にフォルダが
あると考えます。Aというフォルダがあって、そのなかにB,C,D,Eというフォルダを新規に
作成したとき下の図のようになります。

図１

図2

　図2を頭にイメージして考えます。
パスは次のものを組み合わせて書きます。

.. 一つ上のフォルダへ移動 / 区切り フォルダ名 フォルダ名へ移動 ファイル名 ファイル名を指定 ここで指定したファイルを、表示させたりします。

　例を挙げて説明します。

　図２のBのフォルダでhtmlファイルを作成中に、Dのフォルダの画像フォルダを使用
するとき相対パスは 　 となります。
.. でAのフォルダへ移動し、/D でＤのフォルダへ移動して画像ファイル名で表示
するファイルを指定しています。図にすると以下のようになります。




Cフォルダの中のhtmlファイルを使用するとき

.
../C/htmlファイル名となります。


ホームページ作成でパスをつかうのは、主にリンクを作成するときと、画像を表示させ
るときです。ページをリンクさせるタグ<a href="リンク先のパス"></a>と<img src="画
像ファイルの相対パス">の２つと合わせて使います。

<a href="http://www.yahoo.co.jp/">yahoo</a> yahoo

<img src="gazou/01.gif">

　 こんなふうに使用します。


　相対パスの書き方分かっていただけましたでしょうか。良くご理解いただけた方もい
れば、いまいちよく分からないという方もいると思います。そんなに難しく考えなくてい
いと思います。ホームページ作るとき次のようにすれば簡単に出来ます。

　まずホームページ用のフォルダを作ります。その中に画像用のフォルダを作ります。
つまり

というようにします。こうすることによって

画像の表示は

<img src="画像ファイル用フォルダ名/画像ファイル名">

htmlファイルへのリンクは

<a href="htmlファイル名"></a>

に統一でき、パスをいちいち考えなくて良くなります。
これを、サイトといいます。　ほとんどのホームページはこのようにして作られています。


以上でパスの書き方の説明を終わります。
分からないことがあったらなんでもご相談ください。出来る限りお答えします。
→メールフォーム　→掲示板