助太刀忍者(質問掲示板)

助太刀忍者

No.49584    gif画像が表示されません
忍者ホームページ自体というよりは、Wordの不具合かもしれないのですが、下記ホームーページをWord2007で作成しアップしたところ、同じ階層でリンクしているはずのイメージファイルpdf.gifが表示されず×マークになってしまいます。HTMLを確認してみたのですがよくわからずここに助太刀をお願いします。ページはhttp://chinareport.dousetsu.com/です。
使用環境
  • OS:Microsoft Windows XP
  • ブラウザ:Microsoft Internet Explorer 8.x
  • モニター:1280×800
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
投稿者:chinareport 投稿時間:2011-08-13 11:50:31
投稿者 : No Name Ninja
投稿時間:2011-08-13 13:36:06
ひとまず、気になる所の指摘を。
提示URLを拝見しました。特にイメージタグ部分を拝見しました。

今現在、こうなっています。
<img src="index.files/image002.gif" alt="pdf.gif" v:shapes="_x0000_i1028" width="32" height="32">

上記は、
「index.files」という名前のディレクトリ(フォルダ)の中にある、
「image002.gif」という名前の画像ファイルを表示させる、
という記述です。

つまり、
altは「pdf.gif」となっていますが、
実際に呼び出している画像ファイル名は「image002.gif」です。

確認ですが、質問者さんはどちらの画像ファイルを表示させたいのでしょうか? pdf.gif? image002.gif?


※直打ちして確認した所、今現在は、Rootにpdf.gifが存在しているようです。image002.gifは、存在していないようです。


*─── HTMLファイルをテキストエディタで編集できない場合の修正方法 ───*

1)アップローダーを開く。
2)Rootにあるpdf.gifのファイル名を「image002.gif」に変える。
3)Rootに、新規でディレクトリを「index.files」という名前で作成する。
4)index.filesディレクトリの中にimage002.gifを移動させる。


*─── HTMLファイルをテキストエディタで編集できる場合の修正方法(奨励) ───*

1)該当ファイルをテキストエディタで開き、以下のように修正する。

今現在)
<img src="index.files/image002.gif" alt="pdf.gif" v:shapes="_x0000_i1028" width="32" height="32">

修正例)
<img src="image/pdf.gif" alt="pdf.gif" v:shapes="_x0000_i1028" width="32" height="32">

2)アップローダーを開く。
3)Rootに、新規でディレクトリを「image」という名前で作成する。
4)imageディレクトリの中に"pdf.gifを移動させる。

※奨励理由:下記理由のため、可能であれば、前述の修正方法を奨励します。

・なぜディレクトリ分けをした方が良いのか
・・・ファイル管理がしやすくなるため。

・なぜindex.filesという名前ではダメなのか
・・・ディレクトリ名に「.」などの記号は含まない方が良いから。また、画像を纏めるディレクトリであれば、「img」や「image」や「images」など、画像を纏めている、と一目で分かる名前にした方が良いです。

・なぜimage002.gifという名前ではダメなのか
・・・pdf.gifの方が何の画像が察しやすいため。

※以下、参考までに。
No.40127 画像が表示されません
o.2046 バナーがHPに何をしても表示されない
ワードでのHTMLファイル作成は、あまりお勧めできません。余計なタグ記述、独自タグの多用、フォルダ管理の難しさ、など、不便な点があるので・・・・・・。
投稿者 : No Name Ninja
投稿時間:2011-08-13 12:18:01
index.filesというディレクトリーがあると思うのですが、
それをディレクトリーごとアップロードしてありますか?