みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Dreamweaverで作成したHPの画像が見れない!

すみませんが、アドバイスお願いします。
Dreamweaverで作成したHPをFFFTPでアップし、ネット上でページを確認したところ、すべての画像(すべてPhotoshopで作成したgif画像)が白い□の中に赤い×がある形で表示されていて見られません。
そして、白い□を右クリックしてプロパティを見ると、種類が使用不可となっています。
Dreamweaverのプレビューでは、画像は表示されていました。
サーバー上でのフォルダはトップページの保存されているフォルダにimgフォルダを作成し、ローカルと同様に保存しています。
同様な質問&回答も参照しましたが、原因がわかりません。
HPがほぼ画像からなるので(背景画像も表示されていないので)とても困っています。

どなたか教えてください!!お願いします。

投稿日時 - 2007-01-05 14:38:32

QNo.2644540

すぐに回答ほしいです

質問者が選んだベストアンサー

直下の「images」フォルダに格納されいてるなら<img src="http://○△□.jp/images/○○.jpg">と記述すれば表示されるはずなんですが・・・
ブラウザのアドレスバーへhttp://○△□.jp/images/○○.jpgと入力して、画像が表示されるか確認してみましょう。表示されなければ、アップした画像が壊れている可能性もあります。また、InternetExplorerのキャッシュがいっぱいで表示されないことも考えられます。インターネットオプションの全般タブから一時ファイルを削除してください。

差し支えなければ、トップページのURLを教えていただけるとありがたいのですが。。。

投稿日時 - 2007-01-12 04:24:49

お礼

ホントにX2ありがとうございますっ!!
今、再度やってみましたらできました~♪
何度も丁寧に教えていただいてありがとうございました!!
物分りが悪くてすみませんでした^^;
おかげで助かりました(*^-^*)

投稿日時 - 2007-01-12 04:42:01

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

説明を書くのを忘れました。
「不要なパスの部分」というのは、たとえば<img src="file:///C|/Documents and Settings/My Documents/img/○○.jpg">というようなコードだったら、「file:///C|/Documents and Settings/My Documents/」という文字列です。この部分を「http://○△□.jp(あなたのHPのURL)」と置き換えて<img src="http://○△□.jp/img/○○.jpg">と書き換えます。絶対パスと呼ばれています。不要な部分を削除して<img src="img/○○.jpg">としても表示されるはずです。相対パスと呼ばれています。「検索/置換」は検索文字列に不要な文字列、置き換え文字列に書き換える文字列を入力して、連続置き換えで効率が良くなります。削除を希望するなら、検索文字列のみ入力して置き換えればOKです。

投稿日時 - 2007-01-10 11:48:04

補足

たびたびすみません。パスを変換してみたのですが、やはり画像が表示されないんです^^;
もしかしたら、階層が違うのかもしれないと思ったのですが、パス以外に何か思い当たる点はありますでしょうか?
階層は、どこに置くのが正しいのでしょうか?
今はサイトのフォルダ内にimgesフォルダを作成し、その直下においてます。htmlのページはサイトのフォルダ直下に置いています。
本当に初心者ですみませんが、教えてください。

投稿日時 - 2007-01-12 03:55:14

お礼

ありがとうございます!!
初心者でもとっても分かりやすく教えていただき助かりました~♪
今からパスの書き換え、やってみます^^
もし、それでもまだ分からなかったら、すみませんが、また教えてください。
ほんとにありがとうございました。

投稿日時 - 2007-01-11 00:45:45

ANo.2

Dreamweaverのコード表示で「編集」メニュー「検索/置換」で、不要なパスの部分をURLと置き換えるか、削除してください。HTMLエディターでも同様のことが出来ます。

投稿日時 - 2007-01-10 11:30:19

ANo.1

すべての画像ファイルがアップされているとして、、、
・HTMLのパス指定がまちがっている。
・imgフォルダの階層を間違っている。
・画像ファイル名、とくに拡張子が大文字になっていて、HTMLが小文字で記述されている。
・画像ファイルがアスキーモードで転送したため壊れている。
など、原因となる要素がたくさんあります。FFFTPから画像ファイルを表示したり、ファイル名(大文字や小文字、日本語名になっていないか)を確認して、HTMLのパス(ローカルパスのままアップしていないか)見直してください。直感的にパスを間違ってるように思えます。

投稿日時 - 2007-01-05 17:03:16

補足

先日教えていただいた点を確認しましたところ、やはりパスがローカルになっていました^^;
パスはどうやって変更したら良いのでしょうか?
たびたびすみませんが、よろしければ教えてください。

投稿日時 - 2007-01-10 01:59:02

お礼

丁寧なアドバイスありがとうございます。
ご指摘いただきました点を、全部チェックしたいと思います。
また、その後ご報告させていただきたいと思いますので、よろしくお願いします。

投稿日時 - 2007-01-09 01:48:32

あなたにオススメの質問