ホームページ作成について

Question

前回、バックファイルについて質問した者です。今回の疑問は、ページの表示です
編集段階で1つのページだけが［写真］なのですが表示されません。
プレビューしたり、エクスプローラー等では表示できるのですが・・・
なぜでしょうか？このままでも良いのでしょうか?　1ページだけなので疑問です。
一体何なんでしょう?ちなみにこのページは、写真が2つとテキストです。
きまって、1つの写真だけが表示されず写真の場所がＸになっています。
それと、文字化け？テキストの大きさを１部分だけ変えていますが、その部分が
見た事もない文字に変身しています。本当に疑問です。よろしくお願いします。

Head_Syndicate · Accepted Answer

IMGタグが見つかりましたか。 (こうなると、とにかく問題のページをプロバイダに出していただいてそのURLを教えてもらって直接こちらがその中身を拝見させていただいたほうが話が早そうですが…) 次に確認するとしたら、各ファイルの名前や置き場所でしょうか。 SRC=が指しているものと画像ファイルが本当に一致しているかどうか、とか。例えばスペースひとつ入っているだけでダメになることもあります。実験方法としては、例えばページがすでにプロバイダに送ってあってそのURLが http://www.aaa.ne.jp/~myname/abc.html だとすると、画像ファイルxyz.jpgがabc.htmlと同じディレクトリ(フォルダ)にあるなら

または

と記述してあれば間違ってないと思います。ここで、画像そのものがちゃんとあるのかいな？と確認したいのなら、 Internet Explorerの「アドレス」のところを直接編集してabc.htmlのところを SRCの内容と同じものに置き換えてください。 http://www.aaa.ne.jp/~myname/xyz.jpg そしてリターンキーを叩いてみましょう。画像だけが表示されたらちゃんとhttp経由でアクセスできる、ということですね。HTMLの記述がどこか間違っていることになります。あと、これも注意したいのが、「基本的にファイル名はすべて半角英数字が望ましい」例えば「ねずみ.jpg」「カラス.jpg」「ＵＳＡＧＩ.ＪＰＧ」などは避けてください。全角で英字、なんてのは気付きにくいかもしれません。もしこうなっていたらすべて「nezumi.jpg」「karasu.jpg」「USAGI.jpg」という風に直してください。 (HTMLの方も直す事をお忘れなく）いろんなページを眺めていると、半角カナなどを使っている例を見かけることがあります。もしtasty9さんがそれらの文字を使っているとしたら、の話になりますので違っていたらお詫びいたしますが（実は、文字化けの問題も書いていらっしゃいましたのでこのように推理しているわけです）。基本的にURLには今のところカナや漢字などは使えない(使うとしたら %82%A9%82%E7%82%B7のように暗号化しておく必要があります)と思ってください。これはインターネットの世界でお互いのページを参照しあうために決められたルールです。本文中の半角カナも避けましょう。（もちろん本文では全角の漢字などは問題ありませんよ。とか

の中はマズい、ということです）「他のページはうまく表示できてたのに…」とお思いになるかもしれませんが、それはあくまでも偶然です。漢字関係にはEUC-jp、Shift-JISなどのコードの問題もありいろいろ厄介ですし、またプロバイダのサーバのOSがそもそも漢字のファイル名をサポートしているかどうかなんてことも関係してきてしまいます。もしこれが原因だったら直せばおそらく解決すると思うのですが…。

Head_Syndicate · Answer

ホームページ作成ソフトを使って作り、エクスプローラー等で表示して確認なさっているようですね。ページが妙な具合になった場合、それだけではどうなっているのかわかりにくいものです。大抵はファイルそのものを覗いてHTMLの記述が正しいかどうか調べます。 Webページは、実際にはHTMLと呼ばれる形式で記述されています。見た目は

.... といった感じです。Internet Explorerで言えば、「表示」メニューから「ソース」を選んでみてください。別のウインドウに上記のような <...>の羅列みたいなものが表示されることと思います。これが実際のファイルの中身で、Internet Explorerはこれを解釈して「IMGか、イメージ（画像)を表示するんだな」とSRC=で指定された画像ファイルを貼りつけるわけです。ホームページ作成ソフトも同様に、あなたが編集したページ内容を最終的にこの<...>羅列の形式(HTML形式)に保存するのです。問題のページをInternet Explorerで表示させ、早速「表示」→「ソース」でソースを見てください。そしてとなっているところを確認してみてください。ここから先は類推ですが、SRC=の中身が"file:///C|/abc/def/..." なんて形式になってたりはしませんか？file://は、インターネットに接続してないパソコンローカルでの場所を指す形式で、パソコン内では表示できますが、プロバイダにファイルをおいた時点で参照できなくなります（全世界のひとがあなたのパソコンの中身を自由に閲覧できたら困りますよね）。プレビューとはホームページ作成ソフト側の機能でしょうが、ひょっとしたらそれはプロバイダが提供する公開マシンにファイルを置かなくても、擬似的に世間からどう見えるかをシミュレートしてくれる機能なのかもしれません。だとしたら、それをfile:でなく、例えばページ自体の場所と同じディレクトリに画像を置いてsrc="***.gif"で指し示すとか、そのように書きかえれば良いでしょう。いずれにせよ、まずはの記述を発見するのが先です。どうにかしてそれを見つけてください。（メモ帳、NOTEPADでHTMLファイルを直接開く手もありますし、ホームページ作成ソフトでももちろん確認する手段がどこかにあるはずです）

sesame · Answer

補足を拝見して「ひょっとしたら…？」と思ったのですが、HTMLファイルとJPEG画像ファイルが別々のフォルダに保存されていませんか？
別々のフォルダでも相対指定さえうまくやれば表示に問題はないんですが、tasty9さんの現在のレベルを考えると、同一のフォルダで作業した方が何かと無難です。
そのうえで、もう一度HTMLを作り直してください。

>>IMGタグの記述？IMGというのを理解していません。それと、記述ってなんでしょう？
たとえばこの「教えて！goo」の質問ページの左肩にあるロゴですが、HTMLソースを見ると以下のような記述で実現されています。

<img src="images/goo_oshiete.gif" width="80" height="41" border="0" alt="goo">

tastyさんがお作りになったページの2枚の写真についても、これと同様な記述によって表示されているはずなので、そこをチェックすれば何がおかしいのかわかるはずなんです。

setera · Answer

文字化け問題については分かりませんが、画像が表示されないことについて。プレビューできるということはファイルは壊れてませんね。なのでやはりタグの記述に問題があります。もちろん拡張子はつけていることだろうと思いますが、大文字小文字は合ってますか？例えば同じJPEGファイルでも"**.jpg"と"**.JPG"という2つの書き方があります。

としてもそのファイルの拡張子が"**.JPG"であれば、認識されず表示されません。私がHPをはじめて開設した時、この小さなワナにはまってしまいました(大文字小文字はちゃんとチェックしてください)。 FTPソフトなどでアップする時に拡張子の大文字小文字をどちらか一律に変更するのが良いでしょう。それでは

sesame · Answer

×になって表示されない方の写真の<IMG>タグの記述はどうなっていますか？

ホームページ作成について

IMGタグが見つかりましたか。

ホームページ作成ソフトを使って作り、エクスプローラー等で表示して

この回答への補足

補足を拝見して「ひょっとしたら…？」と思ったのですが、HTMLファイルとJPEG画像ファイルが別々のフォルダに保存されていませんか？

文字化け問題については分かりませんが、画像が表示されないことについて。

この回答への補足

×になって表示されない方の写真の<IMG>タグの記述はどうなっていますか？

この回答への補足

似たような質問が見つかりました

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

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

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