パソコン レスキュー隊 |
|
ホームページの初歩の初歩 |
画像がでないトラブル
|
1.HTMLファイルと画像ファイルが同じ位置関係にある場合のトラブル 2.画像ファイルがimagesフォルダに入れてある場合のトラブル |
画像がでないトラブル |
||
そのため、HTMLファイルと画像ファイルの保存場所の関係が重要になってきます。 HP作成ソフトを使って画像を貼り付けると、自動的にタグを作成してくれますが、たまにソフトがまちがうこともあるようです。その場合、たいがいタグが下のようになっています。 <IMG SRC="C:MyDocument¥○○gif"> これだと、画像ファイルを自分のPCのCドライブのMyDocumentの中の○○gifと指定しているため、自分のPCでは普通に見えます。そのため気が付きにくいのですが、このままこのHTMLファイルをアップロードすると、そのHPを見にきた人のブラウザは「Cドライブの中のMyDocumentの中の○○gif」を表示しろ、という意味に解釈してしまいます。しかし、その人のPCには○○gifファイルはありませんので、画像の部分が×印になってしまいます。このようなときはHTMLソースを開いて手動で直接HTMLを編集したほうが早い場合もあります。 失敗を防ぐには・・・・・・・ 修正したHTMLファイルを上書き保存し、画像ファイルといっしょに再度アップロードしましょう。
HTMLファイルと画像ファイルの位置関係を次に説明します。PCの中のHPデータの保存場所を「私のHP」フォルダ、サーバでのHPファイルの保存場所(ディレクトリ)を「iamsenmu」とします。 |
1.HTMLファイルと画像ファイルが同じ位置関係にある場合 |
||||||||||||
<IMG SRC="gazou.gif">
これをサーバでのHPファイルの保存場所の「iamsenmu」ディレクトリにアップロードすると下のような位置関係になります。「私のHP」フォルダが「iamsenmu」ディレクトリになっただけで、中身はまったく同じです。アップロードする場合は原則的にこのようにする必要があります。
|
2.画像ファイルがimagesフォルダに入れてある場合 |
||||||||||||||
<IMG SRC="images/gazou.gif"> 「index.html」と「imagesフォルダ」が同じ位置関係(階層)になっています。
これをサーバでのHPファイルの保存場所の「iamsenmu」ディレクトリにアップロードすると下のような位置関係になります。「私のHP」フォルダが「iamsenmu」ディレクトリになっただけで、中身はまったく同じ、「index.html」と「imagesフォルダ」が同じ位置関係(階層)です。アップロードする場合は原則的にこのようにする必要があります。
|
3.HTMLファイル、画像ファイルとも別のフォルダに入れてある場合 |
||||||||||||||||
ひとつ上の階層(私のHPフォルダ)から見ると、「pcsyohoフォルダ」と「imagesフォルダ」が同じ位置関係(階層)になっています。
|
4 .HTMLファイル、画像ファイルがまったく別のサイトにある場合 |
他のHTMLファイルと同じ場所に画像ファイルがある場合は、例えば・・・・・ imagesフォルダに画像ファイルが入れてある場合は、例えば・・・・・ となります。 |
HPのトラブルはURLを書いてください |