━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 　　　┏ ┏┏ ホームページ楽々講座 NO.011 2002.06.30 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【相対パスの記述方法】 　昨日は同じフォルダー内の [second.html] へのリンクを貼りましたが、 同じフォルダ内の場合は、ファイル名だけを記述すればＯＫでしたね。 　 A.下記は [homepege] フォルダの中に [index.html] と [second] フォルダ 　があり、[second] フォルダの中に [second.html] がある場合です。 　[homepage]フォルダ−[index.html] 　　　　　　　　　　　[back.gif] [bg.gif] [bgm.mid] [gazou.jpg] [next.gif]　　 [second]フォルダ−[second.html] 　[index.html] から [second.html] へ移動する場合は、 [index.html] の 　ソースのリンクを下記のように、 フォルダ名の後にスラッシュ「/」で区 　切ってファイル名を記述します。 　 B.実際に、[homepege] フォルダの中に [second]フォルダ−を作成します。 　[homepage]フォルダを選択、→「ファイル」→「新規作成」→「フォルダ」 　とクリックして、→「新しいフォルダ」の名前を「second」にします。 C.[second.html] を [second] フォルダ内にドラッグ＆ドロップで移動しま 　す。 D.[index.html] を表示して、[NEXT] ボタンをクリックします。 　[second.html] へ移動しましたね。でも、背景画像、画像、ボタンが表示 　されませんし、ＢＧＭも再生されませんね。 　これらのファイルが [second.html] と同じフォルダにないからです。 　[second] フォルダ内にコピー＆ペーストすれば表示されます。 　これらのファイルを「Ctrl」キーを押しながらクリックして選択、→「編 　集」→「コピー」とクリック、→[second] フォルダを開き、→「編集」 　→「貼り付け」とクリックします。 E.でも、[NEXT] や [BACK] ボタンのように、 同じファイルを複数のページ 　で使う場合、それぞれのフォルダに同じファイルを入れておくのは不経済 　ですね。 　ソースのリンクを書き直せば、１個のファイルをあちこちのページから共 　有して使うことができます。 　[second] フォルダ内の [second.html] から、 [homepege] フォルダ内の 　[back.gif] を使う場合は、下記のように記述します。 　 　「../」は１階層上に移動することを意味します。 ２階層上の場合は、下 　記のように２個並べます。 　 F.[second] フォルダ内の [second.html] から、 [homepege] フォルダ内の 　[index.html] へ戻るにも、同じように記述します。 　 　 -------------------------------------------------------------------- [A FOLDER]−[a.html] [b.html] [B] FOLDER−[c.html] [D] FOLDER−[e.html] [E] FOLDER−[f.html] [C] FOLDER−[d.html] [F] FOLDER−[g.html] [G] FOLDER−[h.html] [a.html] から [b.html] は [a.html] から [c.html] は [a.html] から [e.html] は [h.html] から [d.html] は [h.html] から [a.html] は [h.html] から [g.html] は [h.html] から [e.html] は -------------------------------------------------------------------- ■このように、現在のページから移動先へのページの位置関係の記述を「相 　対パス」といいます。 　 のように、ＵＲＬの記述を 　「絶対パス」といいます。 ■ホームページのページ数が増え、更新を繰り返していると、削除したペー 　ジだけで使っていた画像や音声ファイルなどが残ってしまうことがありま 　す。ページごとにフォルダを作成したり、共有して使うファイル専用のフ 　ォルダを作成しておくと便利ですよ。 ******************************************************************** ※ご質問は下記ホームページの「ＰＣ質問箱」でお願いいたします。既に、 　多数のご質問を頂き、読者の方々から適切な回答が寄せられています。 ※各号のブラウザで表示したサンプル画面は 「SALTY」ホームページでご覧 　頂けます。 ※途中から購読された方は 「SALTY」ホームページで、バックナンバーの創 　刊号からダウンロードしてご覧ください。 ※パソコン全般に関するマガジン「６４歳パソコン教師の日記」もよろしく 　お願いいたします。まぐまぐID : 0000022784 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 　　　┏ ┏┏ ホームページ楽々講座 NO.011 2002.06.30 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ※ このメールマガジンの読者登録解除は下記のホームページから出来ます。 http://www.salty1.com/rakuraku.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して 発行しています。( http://www.mag2.com/ ) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━