|
|
|
2005年04月20日
カテゴリ：バカネコＰＣ講座
 画像が出て来ない、教わったとおりやったのに。 自分のＰＣではちゃんと見られるのに、友人からは 見られないと言われた．．．。 よくあるパターンである。 ホームページを作り始めたばかりの人に多い。 よほどのことがない限り、原因は限られている。 ちょくちょく対処法を聞かれるので、本日のバカネコ講座は、 画像が出て来ない原因と対策について。  画～像～ なぜ出ない～♪ 画像の 勝手でしょ～♪ 冗談ではない。 カラスが鳴くのは、カラスの勝手でかまわないが、 画像が出ないのは、画像の勝手にされては困る！ 出て来ない場合の原因と対策は、きっちり押さえておこう。 これは、誰にでも起き得る、しょ～もないミスなのだ。 写真などの画像は、独立したひとつのファイルである。 まず、これがどこにあるのか、その置き場所がわかっていないと処置できない。 そのためには、自分のパソコンとサーバの区別ができる必要がある。 さらに、WindowsとUNIXの特性の違いも、ちょっとだけ知っておこう。 画像が出て来ない場合、最初に確認すべきなのは、 ちゃんとアップロードされているかどうかである。 アップロードというのは、自分のパソコンから、サーバの所定の場所へ そのファイルを送り届けることだ。 楽天日記で言えば、自分のパソコンから画像倉庫へ コピーすることがそれに当たる。 ホームページビルダーやFTPソフトで転送するのも同じである。 まず、これに失敗していないか、確認する。 画像倉庫を覗いてみるとか、FTPソフトでサーバのディレクトリの中を 覗いてみるとか。 自分のパソコンで見えて、他人のパソコンから見られない場合は このミスの可能性が高い。 つまり、画像が、自分のパソコンの中にとどまったまま サーバに送られていないのである。 初心者に多く見られるパターンは、ファイルがどこにあるかを 気にしていないことだ。 だから、インターネットエクスプローラを使って 自分がどこのファイルを見ているのか、意識していない。 そして、どうして見られないんだ、と逆ギレする。 つぎに、単純ミス。 意外にこれも多い。 HTMLの書き間違いや画像の場所の指定間違いなど。 表示されるべき部分のHTMLをWORDなどにコピーして、 文字を拡大してみると発見できたりする。 さらに、単純ミス、その２。 ファイル名の間違い。 ちゃんとあってるよ！ と言う方は、大文字小文字の違いまで、しっかりチェックしただろうか？ Windowsでは、ファイル名の大文字小文字は区別しないが、 サーバでよく使われるUNIXというＯＳは、厳密に区別する。 例えば、myfile.jpg と myFile.jpg は、別の名前として扱われるのだ。 １文字の違いも見逃さない。 もうひとつおまけに、基本的なミス。 画像のファイル名に、漢字やひらがななど、日本語を使ってはいけない。 ほとんどのサーバは、２バイト文字によるファイル名はダメである。 悪い例： マイファイル.jpg 良い例： myfile.jpg ファイル名に使えるのは、半角のアルファベットと数字だけと覚えよう。 記号は使えるものと使えないものがある。 面倒だから記号は避けたほうがラクだ。 ついでに言えば、１バイトだからといっても、半角カタカナもNGである。 構造も見てみよう。 フォルダを利用している場合、パソコン内と同じ構造でアップロード されていなければならない。 フォルダくらい、飛ばしたっていいじゃん、と思ったら大間違い。 <img src="http://www.xxx.com/cat/myfile.jpg"> と、 <img src="http://www.xxx.com/myfile.jpg"> では、 まるきり違うものを指し示している。  【本日のポイント】 １．画像が出て来ない場合、アップできているか確認する。 ２．HTML書き間違い、URLの書き間違いはないか。 ３．ファイル名の大文字小文字は、HTML内のそれと一致しているか。 ４．フォルダ構造は同じか。 【次回の講義予定】 ダウンロードしたページの画像が出ない。 ファイル名も指定も、間違っていないし、 画像ファイルもちゃんとダウンロードされているのに。 【トド短信】 また、くそまじめモードになってもうた。 にゃろめ。 【バカネコ・エディタ】 無駄なデータを削って軽量化に成功。 もともと自分用に開発したのだが、使いたい人は他にもいるみたいだ。 さて、どうしたもんか。 非公開のまま放っとくと、 座布団が飛んできそうな気配がしてきた．．． この記事がおもしろかったと思う人は１票！ クリック →  ※バカネコ講座では、安全な方法を選んで紹介していますが、 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。 楽天日記の保存はバーニャン３号 → バカネコソフト 【楽天トラベル】 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン１号ミニ バーニャン１号の秘密 にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のＰＣを知る バカネコ・ビューア バーニャン３号 にゃんタグ・フルバージョン これでダメならHTMLはあきらめなさい。  画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。 このサイトの新着記事の通知をご希望の方はご利用ください。 お気に入りの記事を「いいね！」で応援しよう
[バカネコＰＣ講座] カテゴリの最新記事
|
|
|||||
