ＦＴＰでアップロードした画像のＵＲＬがわかりません。

質問

例えば、「dai.gif」という画像を「gazou」というファイルに
アップロードしたとしたら、この画像ＵＲＬはどうなるのでしょうか？
「自分のＨＰのＵＲＬ(http://～）/gazou/dai.gif」
となるのでしょうか？
私はこのようになると思ってこのＵＲＬでＨＴＭＬに入れたのだけれど、
ブラウザ表示でもＨＰ上でも表示されないんです。
なので、次にこのようなことをしました。
ＦＴＰでアップロードされた画像をダブルクリックで表示させて、
そこを右クリックのプロパティーでＵＲＬのところをコピペしました。
そのＵＲＬは
「file:///C:/WINDOWS/TEMP/dai.gif」
このような形式でした。そしてこれをＨＴＭＬに入れて、
ブラウザ表示すると、きちんと表示されたのですが、
そのページをアップロードさせてＨＰ上で見ると表示されていないんです。
ちなみに、ＦＴＰでアップロードされた画像のアイコンを右クリックして
「ＵＲＬをクリップボードへコピー」にして、また同じようにやりましたが
またブラウザ表示でも、ＨＰ上でも表示されませんでした。
これが関係あるかわからないのですがＦＴＰの「ホストの設定」で
「ローカルの初期フォルダ」と「ホストの初期フォルダ」は
なにも設定しませんでした。
またＨＴＭＬ　Ｗｒｉｔｅｒ　Ｖｅｒｓｉｏｎ２．２を使ってＨＴＭＬを
書いています。
長くなりましてすみません。
初心者なので、ＦＴＰについての解説のあるＨＰを教えてくれたら
嬉しいです。

回答No.1

wazaogi · ベストアンサー

>例えば、「dai.gif」という画像を「gazou」というファイルに
>アップロードしたとしたら、この画像ＵＲＬはどうなるのでしょうか？
>「自分のＨＰのＵＲＬ(http://～）/gazou/dai.gif」
>となるのでしょうか？

これについては、その通りです。
例えば、左上にある「goo」のロゴのURLは
「http://oshiete1.goo.ne.jp/images/goo.gif」となります。
これはhttp://oshiete1.goo.ne.jp/というサーバー上のimagesというフォルダに、
goo.gifがアップされているわけです。

次に、
>ＦＴＰでアップロードされた画像をダブルクリックで表示させて、
>そこを右クリックのプロパティーでＵＲＬのところをコピペしました。
>そのＵＲＬは「file:///C:/WINDOWS/TEMP/dai.gif」

となっていますが、これではあなたのパソコン上でブラウザ表示されても、ネット上では表示されません。
というのも、「file:///C:/WINDOWS/TEMP/dai.gif」の中の、「file:///C:/WINDOWS/TEMP/」とは、あなたのパソコンのローカルディスク（C:）またはCドライブの中にあるWINDOWSフォルダのそのまた中、TEMPファイルを指しているからです。
ローカルディスク（C:）またはCドライブがサーバー上に存在しているわけではないので、指定してもネット上で見ることは不可能なのです。

さて、こうなると「自分のＨＰのＵＲＬ(http://～）/gazou/dai.gif」で合っているはずなのですが、それで表示されないとなると、FTPソフトの設定・接続先等に誤りがあるか、 タグ自体に誤りがあるなどの原因が考えられます。
一度、「自分のＨＰのＵＲＬ(http://～）/gazou/dai.gif」だけをブラウザのアドレスバーに記入し、ちゃんとアップされているか確かめた上で、ソフト設定やタグを見直してみるとよいかと思われます。

ちなみに、下記のURLにFTPソフトに関した項目がありますので、ご参考までに。

参考URL：

http://tohoho.wakusei.ne.jp/wwwbeg7.htm#Upload

お礼

詳しい説明ありがとうございました。
参考ＵＲＬの所へ行ったら原因とみられることが発覚され、
そこを修正してみたら見事、成功しました。
そもそもの階層の作り方がわかっていませんでした。
今回のことで、ＨＰがどのように作られているのかが
よくわかりました。
本当にありがとうございました。

回答No.3

rokujiro

簡単にフォルダ等を認識出来る方法を説明したいと思います。

１：自分のPC上にmy web等のフォルダを作成します。
２：サーバー上にUPしたいフォルダと全く同じフォルダの構成を作ります。
３：そこに上記と同じ要領でhtmlや画像を配置します。
４：htmlで画像の場所等を相対パスで設定します。
------------
htmlファイルから見た画像の位置に対する相対パスの指定方法
・htmlと画像が同じフォルダ内に有る場合
　　./画像ファイル名
・htmlフォルダ内の別フォルダ(image)に画像が有る場合
　　./image/画像ファイル名
・htmlの一つ上位のフォルダに画像が有る場合
　　../画像ファイル名
・htmlと一つ上位の別フォルダ(image)にある場合
　　../image/画像ファイル名
------------
５：この状態でhtmlをダブルクリックしブラウザで画像が確認出来ればうまくいっています。
６：ftpでフォルダごとUPLOADして下さい。

この状態でなぜPC上で表示したのと同じ状態でサーバー上でHPが見れるかと言いますと相対パスと言う物の表現が一つ上の何とかここから見て何処のファイルと直接指定しているからです。
絶対パスと違い記述も短くてすみますし、PC上でそのまま確認出来るのがみそです。
(画像ファイル等を別サーバーに置いた場合は絶対パスで表現するしか有りませんが.....)
あと、自分でHPを管理する際サーバー上と同じ状態でPCでも管理した方が後々変更等が簡単ですし.....

長々となりましたが色々実験しつつ頑張って下さい。

お礼

わかりやすい説明どうもありがとうございました。
おかげさまでできるようになりました。
階層の作り方と相対パスが間違っていたのが原因でした。
ＨＰを作るにはＨＴＭＬの知識も必要ですが、
なによりどのようにしてＨＰが作られているかを知る必要が
あることがわかりました。
本当にありがとうございました。

回答No.2

steelgreen

こんにちは。

>「ＵＲＬをクリップボードへコピー」にして、また同じようにやりましたが
>またブラウザ表示でも、ＨＰ上でも表示されませんでした。

つかってるFTPクライアントはもしかしたらFFFTPですか？
もしそうだとしたらクリップボードにコピーされたURLは

ftp://oshiete1.goo.ne.jp/～

となってると思います。この「ftp」の部分を「http」に変えて
みて再チャレンジしてみてください。

補足になりますが、パスについてご存知でしょうか？もし、知らなければ
勉強しておいて損はないと思いますよ。軽く解説してみます。

パスとは簡単に言ってしまえばアドレスのことで、
絶対パスと相対パスの二つがあります。

・絶対パスはhttp://で始まるアドレスのことでそのファイルが
　どこのにあるかを完全に指定してしまう方法です。

　自分のサイトから他のサイトへのリンクに使用します。

・相対パスとは同じサイトなどに使う物で
　../../image.jpgのように現在のファイルの位置から見たアドレスを
　簡略化して表記する物です。通常、自分のサイト内にあるファイルを
　指定するときはこの相対パスを使います。
　ローカルで作るときはFTPで実際にアップロードしたディレクトリ構造
　に準して指定します。

　例えばindex.htmlに****.jpgを表示させたい場合

　指定したいファイルが同じフォルダ内にある時
　./****.jpg

　指定したいファイルが一つ上の階層にある時
　../****.jpg

　指定したいファイルが二つ上の階層にある時
　../../****.jpg

　指定したいファイルが一つ下の階層にあるディレクトリ内にある時
　ディレクトリ(フォルダ名)/****.jpg

とここで書くにはちょっと限界がありますので参考URLや検索サイトで
「パス　相対　絶対」等のキーワードで検索してみてください。
解説しているサイトがたくさん見つかると思います。

見当違いでしたらすみません。

参考URL：

http://village.infoweb.ne.jp/~hometown/3_tags/column3.htm

お礼

分かりやすい説明ありがとうございました。
私はそもそもＨＰがどのように作られているかとか
全然わかっていませんでした。
今回の問題の原因は階層の立て方のミスでした。
また、パスについても知らなかったので、
詳しく説明して頂いてとても感謝しております。
参考ＵＰＬの所も分かりやすくてよかったです。
本当にありがとうございました。