
例えば、「dai.gif」という画像を「gazou」というファイルに
アップロードしたとしたら、この画像URLはどうなるのでしょうか?
「自分のHPのURL(http://~)/gazou/dai.gif」
となるのでしょうか?
私はこのようになると思ってこのURLでHTMLに入れたのだけれど、
ブラウザ表示でもHP上でも表示されないんです。
なので、次にこのようなことをしました。
FTPでアップロードされた画像をダブルクリックで表示させて、
そこを右クリックのプロパティーでURLのところをコピペしました。
そのURLは
「file:///C:/WINDOWS/TEMP/dai.gif」
このような形式でした。そしてこれをHTMLに入れて、
ブラウザ表示すると、きちんと表示されたのですが、
そのページをアップロードさせてHP上で見ると表示されていないんです。
ちなみに、FTPでアップロードされた画像のアイコンを右クリックして
「URLをクリップボードへコピー」にして、また同じようにやりましたが
またブラウザ表示でも、HP上でも表示されませんでした。
これが関係あるかわからないのですがFTPの「ホストの設定」で
「ローカルの初期フォルダ」と「ホストの初期フォルダ」は
なにも設定しませんでした。
またHTML Writer Version2.2を使ってHTMLを
書いています。
長くなりましてすみません。
初心者なので、FTPについての解説のあるHPを教えてくれたら
嬉しいです。
No.1ベストアンサー
- 回答日時:
>例えば、「dai.gif」という画像を「gazou」というファイルに
>アップロードしたとしたら、この画像URLはどうなるのでしょうか?
>「自分のHPのURL(http://~)/gazou/dai.gif」
>となるのでしょうか?
これについては、その通りです。
例えば、左上にある「goo」のロゴのURLは
「http://oshiete1.goo.ne.jp/images/goo.gif」となります。
これはhttp://oshiete1.goo.ne.jp/というサーバー上のimagesというフォルダに、
goo.gifがアップされているわけです。
次に、
>FTPでアップロードされた画像をダブルクリックで表示させて、
>そこを右クリックのプロパティーでURLのところをコピペしました。
>そのURLは「file:///C:/WINDOWS/TEMP/dai.gif」
となっていますが、これではあなたのパソコン上でブラウザ表示されても、ネット上では表示されません。
というのも、「file:///C:/WINDOWS/TEMP/dai.gif」の中の、「file:///C:/WINDOWS/TEMP/」とは、あなたのパソコンのローカルディスク(C:)またはCドライブの中にあるWINDOWSフォルダのそのまた中、TEMPファイルを指しているからです。
ローカルディスク(C:)またはCドライブがサーバー上に存在しているわけではないので、指定してもネット上で見ることは不可能なのです。
さて、こうなると「自分のHPのURL(http://~)/gazou/dai.gif」で合っているはずなのですが、それで表示されないとなると、FTPソフトの設定・接続先等に誤りがあるか、 タグ自体に誤りがあるなどの原因が考えられます。
一度、「自分のHPのURL(http://~)/gazou/dai.gif」だけをブラウザのアドレスバーに記入し、ちゃんとアップされているか確かめた上で、ソフト設定やタグを見直してみるとよいかと思われます。
ちなみに、下記のURLにFTPソフトに関した項目がありますので、ご参考までに。
参考URL:http://tohoho.wakusei.ne.jp/wwwbeg7.htm#Upload
詳しい説明ありがとうございました。
参考URLの所へ行ったら原因とみられることが発覚され、
そこを修正してみたら見事、成功しました。
そもそもの階層の作り方がわかっていませんでした。
今回のことで、HPがどのように作られているのかが
よくわかりました。
本当にありがとうございました。
No.3
- 回答日時:
簡単にフォルダ等を認識出来る方法を説明したいと思います。
1:自分のPC上にmy web等のフォルダを作成します。
2:サーバー上にUPしたいフォルダと全く同じフォルダの構成を作ります。
3:そこに上記と同じ要領でhtmlや画像を配置します。
4:htmlで画像の場所等を相対パスで設定します。
------------
htmlファイルから見た画像の位置に対する相対パスの指定方法
・htmlと画像が同じフォルダ内に有る場合
./画像ファイル名
・htmlフォルダ内の別フォルダ(image)に画像が有る場合
./image/画像ファイル名
・htmlの一つ上位のフォルダに画像が有る場合
../画像ファイル名
・htmlと一つ上位の別フォルダ(image)にある場合
../image/画像ファイル名
------------
5:この状態でhtmlをダブルクリックしブラウザで画像が確認出来ればうまくいっています。
6:ftpでフォルダごとUPLOADして下さい。
この状態でなぜPC上で表示したのと同じ状態でサーバー上でHPが見れるかと言いますと相対パスと言う物の表現が一つ上の何とかここから見て何処のファイルと直接指定しているからです。
絶対パスと違い記述も短くてすみますし、PC上でそのまま確認出来るのがみそです。
(画像ファイル等を別サーバーに置いた場合は絶対パスで表現するしか有りませんが.....)
あと、自分でHPを管理する際サーバー上と同じ状態でPCでも管理した方が後々変更等が簡単ですし.....
長々となりましたが色々実験しつつ頑張って下さい。
わかりやすい説明どうもありがとうございました。
おかげさまでできるようになりました。
階層の作り方と相対パスが間違っていたのが原因でした。
HPを作るにはHTMLの知識も必要ですが、
なによりどのようにしてHPが作られているかを知る必要が
あることがわかりました。
本当にありがとうございました。
No.2
- 回答日時:
こんにちは。
>「URLをクリップボードへコピー」にして、また同じようにやりましたが
>またブラウザ表示でも、HP上でも表示されませんでした。
つかってる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/co …
分かりやすい説明ありがとうございました。
私はそもそもHPがどのように作られているかとか
全然わかっていませんでした。
今回の問題の原因は階層の立て方のミスでした。
また、パスについても知らなかったので、
詳しく説明して頂いてとても感謝しております。
参考UPLの所も分かりやすくてよかったです。
本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
- HTML・CSS 詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したと 2 2023/05/12 17:40
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(Microsoft Office) Microsoft Edgeの「ニュースと関心事項」についてお聞きします。 3 2023/05/22 12:08
- サーバー FTPサーバについて詳しい方(アクセス権のないディレクトリを非表示にする方法) 4 2022/08/22 22:33
- システム URLがクリックや入力されてから、ブラウザに画面が表示されるまでの間にDNSサーバーは経由されないの 2 2022/06/24 01:15
- Windows 10 パソコン初期化の件です 2 2022/06/05 11:05
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・「これはヤバかったな」という遅刻エピソード
- ・初めて自分の家と他人の家が違う、と意識した時
- ・いちばん失敗した人決定戦
- ・思い出すきっかけは 音楽?におい?景色?
- ・あなたなりのストレス発散方法を教えてください!
- ・もし10億円当たったら何に使いますか?
- ・何回やってもうまくいかないことは?
- ・今年はじめたいことは?
- ・あなたの人生で一番ピンチに陥った瞬間は?
- ・初めて見た映画を教えてください!
- ・今の日本に期待することはなんですか?
- ・集中するためにやっていること
- ・テレビやラジオに出たことがある人、いますか?
- ・【お題】斜め上を行くスキー場にありがちなこと
- ・人生でいちばんスベッた瞬間
- ・コーピングについて教えてください
- ・あなたの「プチ贅沢」はなんですか?
- ・コンビニでおにぎりを買うときのスタメンはどの具?
- ・おすすめの美術館・博物館、教えてください!
- ・【お題】大変な警告
- ・洋服何着持ってますか?
- ・みんなの【マイ・ベスト積読2024】を教えてください。
- ・「これいらなくない?」という慣習、教えてください
- ・今から楽しみな予定はありますか?
- ・AIツールの活用方法を教えて
- ・最強の防寒、あったか術を教えてください!
- ・歳とったな〜〜と思ったことは?
- ・モテ期を経験した方いらっしゃいますか?
- ・好きな人を振り向かせるためにしたこと
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
URLに「.html」の拡張子がなく...
-
フォルダ内の最初のファイル名...
-
絶対パスのルートをサブディレ...
-
FTPしたのに、ページが真っ白です
-
アドレスの「index.html」の表...
-
複数のindex.htmlを作ってもい...
-
htmlでリンクに勝手にindex.htm...
-
XREA使用で作成したHTMLファイ...
-
1つ下の階層のフォルダに相対...
-
Apacheで、indexの拡張子別に優...
-
既存ウェブサイトをWordPressへ...
-
フォルダにはダミーでもindex.h...
-
indexをつけないとどうなる?
-
サーバー内のフォルダにある写...
-
URLの書き方
-
HPの2ページ目の作り方
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
URLの.aspとは??
-
Webサイトから、txtファイルを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つ下の階層のフォルダに相対...
-
リンク先に日本語フォルダがあ...
-
サーバー内のフォルダにある写...
-
XREA使用で作成したHTMLファイ...
-
フォルダ内の最初のファイル名...
-
URLに「.html」の拡張子がなく...
-
複数のindex.htmlを作ってもい...
-
URLの日付について
-
絶対パスのルートをサブディレ...
-
htmlでリンクに勝手にindex.htm...
-
index.htmlをつけると違う画面...
-
直リンク禁止
-
indexをつけないとどうなる?
-
FTPでアップロードした画像...
-
HTMLの階層移動
-
フォルダにはダミーでもindex.h...
-
全く同じファイルなのにホーム...
-
ホームページを作成したら、フ...
-
index.htmlファイルはどこに?
-
ホームを index.html から inde...
おすすめ情報