バカネコ日記

フリーページ

2005年04月20日
XML
カテゴリ:バカネコPC講座
バカネコ村の記事を検索する
画像が出て来ない、教わったとおりやったのに。
自分のPCではちゃんと見られるのに、友人からは
見られないと言われた...。

よくあるパターンである。
ホームページを作り始めたばかりの人に多い。
よほどのことがない限り、原因は限られている。

ちょくちょく対処法を聞かれるので、本日のバカネコ講座は、
画像が出て来ない原因と対策について。

バカネコ講座なのにゃ!

画~像~ なぜ出ない~♪

  画像の 勝手でしょ~♪


冗談ではない。
カラスが鳴くのは、カラスの勝手でかまわないが、
画像が出ないのは、画像の勝手にされては困る!

出て来ない場合の原因と対策は、きっちり押さえておこう。
これは、誰にでも起き得る、しょ~もないミスなのだ。


写真などの画像は、独立したひとつのファイルである。
まず、これがどこにあるのか、その置き場所がわかっていないと処置できない。
そのためには、自分のパソコンとサーバの区別ができる必要がある。
さらに、WindowsとUNIXの特性の違いも、ちょっとだけ知っておこう。


画像が出て来ない場合、最初に確認すべきなのは、
ちゃんとアップロードされているかどうかである。
アップロードというのは、自分のパソコンから、サーバの所定の場所へ
そのファイルを送り届けることだ。

楽天日記で言えば、自分のパソコンから画像倉庫へ
コピーすることがそれに当たる。
ホームページビルダーやFTPソフトで転送するのも同じである。

まず、これに失敗していないか、確認する。
画像倉庫を覗いてみるとか、FTPソフトでサーバのディレクトリの中を
覗いてみるとか。

自分のパソコンで見えて、他人のパソコンから見られない場合は
このミスの可能性が高い。
つまり、画像が、自分のパソコンの中にとどまったまま
サーバに送られていないのである。

初心者に多く見られるパターンは、ファイルがどこにあるかを
気にしていないことだ。
だから、インターネットエクスプローラを使って
自分がどこのファイルを見ているのか、意識していない。

そして、どうして見られないんだ、と逆ギレする。


つぎに、単純ミス。 意外にこれも多い。
HTMLの書き間違いや画像の場所の指定間違いなど。

表示されるべき部分のHTMLをWORDなどにコピーして、
文字を拡大してみると発見できたりする。


さらに、単純ミス、その2。 ファイル名の間違い。
ちゃんとあってるよ!
と言う方は、大文字小文字の違いまで、しっかりチェックしただろうか?

Windowsでは、ファイル名の大文字小文字は区別しないが、
サーバでよく使われるUNIXというOSは、厳密に区別する。
例えば、myfile.jpg と myFile.jpg は、別の名前として扱われるのだ。
1文字の違いも見逃さない。


もうひとつおまけに、基本的なミス。
画像のファイル名に、漢字やひらがななど、日本語を使ってはいけない。
ほとんどのサーバは、2バイト文字によるファイル名はダメである。
   悪い例: マイファイル.jpg
   良い例: myfile.jpg

ファイル名に使えるのは、半角のアルファベットと数字だけと覚えよう。
記号は使えるものと使えないものがある。 面倒だから記号は避けたほうがラクだ。
ついでに言えば、1バイトだからといっても、半角カタカナもNGである。


構造も見てみよう。
フォルダを利用している場合、パソコン内と同じ構造でアップロード
されていなければならない。
フォルダくらい、飛ばしたっていいじゃん、と思ったら大間違い。
 <img src="http://www.xxx.com/cat/myfile.jpg"> と、
 <img src="http://www.xxx.com/myfile.jpg"> では、
まるきり違うものを指し示している。

コロンのウィンク


【本日のポイント】
1.画像が出て来ない場合、アップできているか確認する。
2.HTML書き間違い、URLの書き間違いはないか。
3.ファイル名の大文字小文字は、HTML内のそれと一致しているか。
4.フォルダ構造は同じか。

【次回の講義予定】
 ダウンロードしたページの画像が出ない。
 ファイル名も指定も、間違っていないし、
 画像ファイルもちゃんとダウンロードされているのに。


【トド短信】
 また、くそまじめモードになってもうた。
 にゃろめ。

【バカネコ・エディタ】
 無駄なデータを削って軽量化に成功。
 もともと自分用に開発したのだが、使いたい人は他にもいるみたいだ。
 さて、どうしたもんか。 非公開のまま放っとくと、
 座布団が飛んできそうな気配がしてきた...


この記事がおもしろかったと思う人は1票! クリック →
 おもしろかったらクリックしてね

※バカネコ講座では、安全な方法を選んで紹介していますが、
 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。



楽天日記の保存はバーニャン3号 → バカネコソフト



【楽天トラベル】 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン1号ミニ バーニャン1号の秘密 にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のPCを知る バカネコ・ビューア バーニャン3号 にゃんタグ・フルバージョン


これでダメならHTMLはあきらめなさい。



画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。
このサイトの新着記事の通知をご希望の方はご利用ください。








最終更新日  2005年04月20日 02時48分47秒
コメント(34) | コメントを書く

PR

バックナンバー

2019年08月
2019年07月
2019年06月
2019年05月
2019年04月

プロフィール


海獣トド

コメント新着

 海獣トド@ Re:意外な一面に触れて。(08/14) 泡雪さんへ >マザーテレサって本当にす…
 海獣トド@ うめぼしがキラリ☆さんへ >ひゃー、ブログさぼってる間にトドさん…
 海獣トド@ 鵜の岬さんへ >これからも・・ヨロシク・・ね こち…
 海獣トド@ sshijimisanさんへ >でも、トド様のおかげで少しの村民は救…
 海獣トド@ もぐらのこさんへ >日記の下書き機能残ってるよ(^-^) …
 海獣トド@ archfelisさんへ >せめて12日一杯残せばいいのに・・・…

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.