エックスサーバーへアップロード

Question

エックスサーバーにて、index.html、画像（imageフォルダ内）、contact.html.（contactフォルダ内）をpublic_html内にアップロードしたのですが、うまく画像表示とリンク先へ飛ばすことができません。
階層指定に問題あるのではと考えておりますが、何かアドバイスをご教示いただきたく、よろしくお願いします。

＊画像の指定については添付右上にパスが書いてありますので、[/ドメイン/public_html/image/画像ファイルパス]で指定しております。頭に[../ドメイン]と変更したものの、変わりませんでした。

＊リンク先指定については、同じく[/ドメイン/public_html/contact/contact.html]と指定しておりますが、「ファイルyが見つかりません」と表示されます。

＊FileZillaでもアップロードを試しましたが、同じ現象でした。

Comments

[m.ts10806]

コードもファイル別にご提示ください。
ローカルで確認できているなら、アップロード漏れかローカルに依存したパスを書いてるか 大抵どちらかです。

[Diakent21]

早速のご回答ありがとうございます。
また提示不足で申し訳ありません。
添付画像右上のパスをコピペしていますが、
リンク先へは、<a href="/ドメイン/public_html/contact/contact.html">リンク</a>で指定しております。
画像ファイルも、<img src="/ドメイン/public_html/image/画像ファイル.png">と指定しております。

[m.ts10806]

質問は編集できますので。

Answer 1

<a href="/ドメイン/public_html/contact/contact.html">リンク</a>

質問内容的にこういう感じで記述しているのでしょうか？
ブラウザでアクセスするとわかると思いますが、ページのurlはhttps://ドメイン/contact/contact.htmlになるので、これを記述するか、もしくは相対座標で記述しないとリンクしません。

Comments

[Diakent21]

早速のご回答ありがとうございます。
ご指摘の通り、<a href="/ドメイン/public_html/contact/contact.html">リンク</a>で指定しております。
画像ファイルも、<img src="/ドメイン/public_html/image/画像ファイル.png">と指定しおります。
勉強不足で申し訳ありませんが、相対座標での記述になりますと、どのように記述すればよろしいでしょうか？

[kyoya0819]

相対座標）
index.htmlとimagesフォルダは同じ階層。
ということは、 images/~

絶対座標）
imagesフォルダの画像へは、 http://example.com/images/~ でアクセスできる。
もしくは、ドメインを省略して /images/~

[m.ts10806]

「ドキュメントルート」について調べて理解を深めておくと良いですね。

[Diakent21]

絶対座標での記述をしましたところ、画像が表示されるようになりました。ご教示いただきありがとうございます。
contact.htmlのリンクも絶対座標で明記しましたが、うまくいきませんでした。
ご指摘の通り、ドキュメントルートの理解に努めて試してみたいと思います。
みなさま、貴重なお時間をいただきありがとうございます。