ホームページの写真や図の載せ方について

質問

最近学校の授業で、ホームページを作成して提出しなければならないのですが、うまく写真などを貼り付けることができません。画像の張り方などは、説明どおりにやっているので間違いないと思うのですが。もちろんその下書きの場ではちゃんと写真も貼れているんです。しかし、自分のホームページのURLにアクセスしてみると画像のところが×となっていて表示されないのです。何か設定を変える必要があるのでしょうか？ぜひ分かるかたいましたら教えていただきたいです。

回答No.6

info22 · ベストアンサー

HPのHTMLファイル(index.html)の画像リンクがパソコンのディレクトリ表示のままになっていると思います。
直接相対パスでHTMLファイルを書き換えるか？

HTMLファイルと画像を同じフォルダーに入れてから、
HTMLファイルを開き、一旦、重ね書きで保存し、そこに画像を相対アドレスで貼り付け、再度index.htmlファイルを重ね書き保存してください。

index.htmlと画像をHPの同じディレクトリにアップすれば画像も見えるようになります。

お礼

手順を教えてくださり、わかりやすかったです。本当に助かりました。解決できました。ありがとうございます。

回答No.5

gyucci

画像のリンクの記述が間違っているか、
リンク先に画像がアップされていない事が考えられます。

htmlファイルの他に画像ファイルは、アップされていますか？
アップした画像の場所とhtmlファイル内でアップした画像を指定した場所は同じですか？

お礼

ありがとうございました。おかげで解決することができました。

回答No.4

himeyuri

考えられることをいくつか。
ファイル名（その写真の名前、図の名前）を日本語にしている。
大半は、「半角英数字のみＯＫ」になっています。

使用されているＰＣに入っているセキュリソフトが邪魔をして、ご質問者さんだけが写真、図などを見ることが出来ない（「×」になっている）。
この場合は、セキュリティソフトで許可リストに加えるなどをすれば、大丈夫です。

この２つが原因ということが多いですね。
ご使用のホームページソフト（ビルダー９など）、借りているサーバー（プララ、Yahoo、など）を明記すれば、回答していただける方も増えると思いますよ＾＾（経験者さんとか）

お礼

アドバイス参考になりました。丁寧な説明でありがたかったです。何とか解決できました。ありがとうございました。

回答No.3

Yatobi

もしかしたら画像のファイル名に日本語の名前がついていませんか？
インターネット上でサーバーに使われているコンピュータや、またページを表示するブラウザは、元々欧米の技術だけに、日本語表示はできても、ファイル名までは日本語に対応して今い場合がほとんどです。
このため、パソコン内にあるファイルの状態ではパソコンが日本語に対応しているのでちゃんと見る事が出来ても、サーバーに送信した後で見たら、画像が見えないことがあります。

また大文字・小文字はパソコンの中では区別されずに“A”と“a”は同じ文字として扱われますが、サーバーでは別の文字として扱われます。
これにより、やはりパソコン上では見れていたのに…ということに成ります。
ファイル名は英数小文字でのみ付けるようにしましょう。

お礼

回答ありがとうございました。わかりやすい説明で、助かりました。解決することができました。

回答No.2

black-coffee

たぶん画像のリンク先が間違っているのでしょう。
画像があるフォルダを指定してみてください。
たとえば画像を表示したいhtmlと同じフォルダの中に画像があれば、そのまま<img src=ファイル名> でいいですが、例えば表示したいページに「photo」というフォルダがある場合は<img src=../photo/ファイル名> といったかたちで指定します。
参考にならなかったらごめんなさい。
頑張ってください。

参考URL：

http://www.tamano.or.jp/takara/takarahtml/html10.htm

お礼

とても参考になりました。ご回答くださりありがとうございました。おかげで解決することができました。

回答No.1

sccbe

画像のリンクの仕方が間違っているのだと思います。

×になっているところで右クリックしてプロパティを見てみましょう。
きっと自分のパソコンの保存先担っていると思います。
（C:\Program Files～)
ここを画像を自体をアップロードしているURLの相対（または絶対）ぱすに切り替えると表示されるようになると思います。

お礼

回答ありがとうございました。その通りだったようで、解決することができました。