ページ同士のリンクがつながらない

質問

ホームページビルダーで作ったページを、ジオシティーズにアップしてHPを作成しているのですが・・・

ページのリンクが繋がらなくて困っています。
クリックしても指定したページにリンクしません。

ビルダーのプレビューで確認する時には、ページ同士、
リンクがきちんと繋がっているのに、いざFTPやファイルマネージャなどでアップロードした後に再度確認すると、

”ページが見つかりません。ただいまアクセスしたページは、現在Yahoo!ジオシティーズ内に存在しないか、URLが間違っています。”

という表示が出てしまいます。

ディレクトリ構造が悪いのでしょうか？

というのも、”homepage”というフォルダの中に、直接保存してあるファイル”index”や”top”といったものは問題なくリンクされるのですが、
”homepage”フォルダの中にさらに”P-file”というフォルダを設けており、その中に保存してあるページばかりが繋がらないのです。

ビルダーのプレビューでは上手くリンクされているのに、なぜかアップロードするとリンクが繋がりません。
対処法が全くわからず困っています。

少しでも原因がわかる方はご回答を宜しくお願いします。

回答No.1

ZIMA0063 · ベストアンサー

ビルダーは使ったことがないので、なんともいえないのですが、HTMLの書き方ってご自分で書き換えることができるのでしょうか？

直接HTMLで書くのであれば、

「<a href="./homepage/P-file/AAA.html(リンク先のファイル名)">リンク</a>」

というように指定してあげるとよいと思います。

たぶんですが、質問主様がビルダーで作った際、表示させたいファイルとリンク元のファイルとが、同じフォルダの中に同居しているので、リンクを張って、プレビューの表示をすることができたのでしょう。

しかし、アップロードした際に、

― homepage ― P-file
　　　　　　　　　├
　　　　　　　　　├

という風に、リンク元のAというファイルは「homepage」フォルダに、リンク先のBというファイルは「P-file」にと、保存するフォルダを異にすると、ハイパーリンクを張る際にも、リンク元ファイルにてハイパーリンク先を変更しなければなりません。

それが、先の
「<a href="./P-file/AAA.html">リンク</a>」
という記述になります。

わかりやすく解説しますと、

<a href="～">　</a>　＝　～というところにリンクしなさい。
という命令文になります。

次に、「"～"」　＝　" "の場所の指定の仕方です。

"./P-file/AAA.html"　の詳しい意味ですが。

まず、./ で「このファイルが入っているフォルダを探しなさい」の意(現在は「homepage」フォルダ)。

P-file/　で、「P-fileフォルダを探しなさい」の意(探す場所を「homepage」フォルダの中の「P-file」フォルダへと移動しました)。

最後に、 AAA.html　で、「このフォルダの中の、AAA.htmlファイルを開きなさい」の意になります。

逆に言えば、リンク元のファイルもリンク先のファイルも全部、すべて同じ「P-file」フォルダに入れてしまえば、表示できるようになるかと思います。

ただ、管理がややこしくなるので、質問主様は「P-file」にお入れになっているのであろうと思います。

その際は、リンク先を書き換えてあげてください。

お礼

リンク元のファイルとリンク先のファイルを全て同じフォルダに入れたら上手くいきました！
わかりやすい解説ありがとうございます^^

回答No.5

Tasuke22

ANo.3です。

HPBでは絶対（相対）アドレスではなくて、
絶対（相対）パスでした。

絶対パスを使うのは編集中で、保存先が決まらない
ページ上だけのことであり、保存先が決まった段階で
相対パスに自動に修正されているということで、
確かにそうでした。ANo.3の内容は途中経過の話だった
ということで、失礼しました。

ということで、質問者様の現象は難解な現象と思えます。
何ゆえに相対アドレスになっていないのか。

実際のページ上のリンク先パスは見れませんか？

お礼

P-fileフォルダをなくしたら上手くいきました！
いろいろと調べてくださりありがとうございました^^

補足

リンク先パスというのはアドレスのことでしょうか・・
すみません、初心者なので；

実はジオシティーズのファイルマネージャで、
リンクが繋がらない”P-file”のファイル名を変えてみようとしたところ、
「ファイル名は 'a-z', 'A-Z', '0-9', '-', '_', と '.' 以外の文字を使ったり、'.'で始まることができません。」

という警告が出てきました。

"P-file/AAA.html"という記述ができないのです。
もしかして”/”という記号を使うからいけないのでしょうか？

ビルダーで作る時は”P-file/AAA”と出るのに、
アップロード先のジオシティーズではただ"AAA"となってしまいます・・・

回答No.4

my-hobby

階層の理解で参考
http://park16.wakwak.com/~html-css/link_koza/linkkoza.html
ビルダーでファイルのリンク張る時、リンク先のファイルも、同じデスクトップに一時置いて「これが易しい」
作成してますか、

マイドキメント等に有る場合階層が変わります、のでタグで階層修正必要に成ります、

回答No.3

Tasuke22

リンクには相対アドレスと絶対アドレスがあります。
絶対アドレスは自分のPC内でしか有効にはなりません。

現象は絶対アドレスになったままであることははっきり
しています。
そこでHPBでリンクを試したところ、同じフォルダ、
フォルダの上のフォルダ内のリンクは相対アドレスで
リンクされるのに、下のフォルダには絶対アドレスで
リンクされていますね。これが原因です。

リンクアドレスを手で相対アドレスに直すのは簡単で
先頭からターゲットのフォルダ名の前の/までを削除
したら良いわけです。しかし、これはあまりに作業が
格好悪いですね。そこでHPBのオプションか何かで
アドレスを全て相対にするものが無いか調べましたが
見つかりませんでした。MicrosoftのFrontPageです
とリンクする画面に相対か絶対かの指定が出来るの
ですが。

しかし、使い込まれたHPBがこんな分かり難い設定にな
っているのはちょっと信じられない思いです。何か
重要なことを見落としているのかもしれません。
もう少し調べてみます。

逃げ手はもう一つあります。リンク先を先にアップし
URLでリンクする方法ですが、これも格好悪いですねえ。

回答No.2

katokundes

アップロードの場合homepageフォルダー（階層・ディレクトリ）は不要で、P-fileフォルダー（階層・ディレクトリ）を作らないといけないと思いました。