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

Question

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

info22 · Accepted Answer

HPのHTMLファイル(index.html)の画像リンクがパソコンのディレクトリ表示のままになっていると思います。
直接相対パスでHTMLファイルを書き換えるか？

HTMLファイルと画像を同じフォルダーに入れてから、
HTMLファイルを開き、一旦、重ね書きで保存し、そこに画像を相対アドレスで貼り付け、再度index.htmlファイルを重ね書き保存してください。

index.htmlと画像をHPの同じディレクトリにアップすれば画像も見えるようになります。

gyucci · Answer

画像のリンクの記述が間違っているか、
リンク先に画像がアップされていない事が考えられます。

htmlファイルの他に画像ファイルは、アップされていますか？
アップした画像の場所とhtmlファイル内でアップした画像を指定した場所は同じですか？

himeyuri · Answer

考えられることをいくつか。
ファイル名（その写真の名前、図の名前）を日本語にしている。
大半は、「半角英数字のみＯＫ」になっています。

使用されているＰＣに入っているセキュリソフトが邪魔をして、ご質問者さんだけが写真、図などを見ることが出来ない（「×」になっている）。
この場合は、セキュリティソフトで許可リストに加えるなどをすれば、大丈夫です。

この２つが原因ということが多いですね。
ご使用のホームページソフト（ビルダー９など）、借りているサーバー（プララ、Yahoo、など）を明記すれば、回答していただける方も増えると思いますよ＾＾（経験者さんとか）

Yatobi · Answer

もしかしたら画像のファイル名に日本語の名前がついていませんか？
インターネット上でサーバーに使われているコンピュータや、またページを表示するブラウザは、元々欧米の技術だけに、日本語表示はできても、ファイル名までは日本語に対応して今い場合がほとんどです。
このため、パソコン内にあるファイルの状態ではパソコンが日本語に対応しているのでちゃんと見る事が出来ても、サーバーに送信した後で見たら、画像が見えないことがあります。

また大文字・小文字はパソコンの中では区別されずに“A”と“a”は同じ文字として扱われますが、サーバーでは別の文字として扱われます。
これにより、やはりパソコン上では見れていたのに…ということに成ります。
ファイル名は英数小文字でのみ付けるようにしましょう。

black-coffee · Answer

たぶん画像のリンク先が間違っているのでしょう。画像があるフォルダを指定してみてください。たとえば画像を表示したいhtmlと同じフォルダの中に画像があれば、そのまま

でいいですが、例えば表示したいページに「photo」というフォルダがある場合は

といったかたちで指定します。参考にならなかったらごめんなさい。頑張ってください。　　参考URL：http://www.tamano.or.jp/takara/takarahtml/html10.htm

sccbe · Answer

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

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

HPのHTMLファイル(index.html)の画像リンクがパソコンのディレクトリ表示のままになっていると思います。

画像のリンクの記述が間違っているか、

考えられることをいくつか。

もしかしたら画像のファイル名に日本語の名前がついていませんか？

たぶん画像のリンク先が間違っているのでしょう。

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

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング