前回、バックファイルについて質問した者です。今回の疑問は、ページの表示です
編集段階で1つのページだけが[写真]なのですが表示されません。
プレビューしたり、エクスプローラー等では表示できるのですが・・・
なぜでしょうか?このままでも良いのでしょうか? 1ページだけなので疑問です。
一体何なんでしょう?ちなみにこのページは、写真が2つとテキストです。
きまって、1つの写真だけが表示されず写真の場所がXになっています。
それと、文字化け?テキストの大きさを1部分だけ変えていますが、その部分が
見た事もない文字に変身しています。本当に疑問です。よろしくお願いします。
No.5ベストアンサー
- 回答日時:
IMGタグが見つかりましたか。
(こうなると、とにかく問題のページをプロバイダに出していただいて
そのURLを教えてもらって直接こちらがその中身を拝見させていただいた
ほうが話が早そうですが…)
次に確認するとしたら、各ファイルの名前や置き場所でしょうか。
SRC=が指しているものと画像ファイルが本当に一致しているかどうか、とか。
例えばスペースひとつ入っているだけでダメになることもあります。
実験方法としては、例えばページがすでにプロバイダに送ってあってそのURLが
http://www.aaa.ne.jp/~myname/abc.html
だとすると、画像ファイルxyz.jpgがabc.htmlと同じディレクトリ(フォルダ)に
あるなら
<IMG SRC="xyz.jpg">
または
<IMG SRC="http://www.aaa.ne.jp/~myname/xyz.jpg">
と記述してあれば間違ってないと思います。
ここで、画像そのものがちゃんとあるのかいな?と確認したいのなら、
Internet Explorerの「アドレス」のところを直接編集してabc.htmlのところを
SRCの内容と同じものに置き換えてください。
http://www.aaa.ne.jp/~myname/xyz.jpg
そしてリターンキーを叩いてみましょう。画像だけが表示されたら
ちゃんとhttp経由でアクセスできる、ということですね。HTMLの記述が
どこか間違っていることになります。
あと、これも注意したいのが、「基本的にファイル名はすべて半角英数字が望ましい」
例えば「ねずみ.jpg」「カラス.jpg」「USAGI.JPG」などは避けてください。
全角で英字、なんてのは気付きにくいかもしれません。もしこうなっていたら
すべて
「nezumi.jpg」「karasu.jpg」「USAGI.jpg」という風に直してください。
(HTMLの方も直す事をお忘れなく)
いろんなページを眺めていると、半角カナなどを使っている例を見かけることが
あります。もしtasty9さんがそれらの文字を使っているとしたら、の話になり
ますので違っていたらお詫びいたしますが(実は、文字化けの問題も書いて
いらっしゃいましたのでこのように推理しているわけです)。
基本的にURLには今のところカナや漢字などは使えない(使うとしたら
%82%A9%82%E7%82%B7のように暗号化しておく必要があります)と思ってくださ
い。 これはインターネットの世界でお互いのページを参照しあうために決め
られたルールです。本文中の半角カナも避けましょう。(もちろん本文では
全角の漢字などは問題ありませんよ。<A HREF="...">とか<IMG SRC="...">の
中はマズい、ということです)
「他のページはうまく表示できてたのに…」とお思いになるかもしれませんが、
それはあくまでも偶然です。漢字関係にはEUC-jp、Shift-JISなどのコードの
問題もありいろいろ厄介ですし、またプロバイダのサーバのOSがそもそも漢字
のファイル名をサポートしているかどうかなんてことも関係してきてしまいます。
もしこれが原因だったら直せばおそらく解決すると思うのですが…。
No.4
- 回答日時:
ホームページ作成ソフトを使って作り、エクスプローラー等で表示して
確認なさっているようですね。
ページが妙な具合になった場合、それだけではどうなっているのか
わかりにくいものです。大抵はファイルそのものを覗いてHTMLの
記述が正しいかどうか調べます。
Webページは、実際にはHTMLと呼ばれる形式で記述されています。
見た目は
<HTML><BODY><IMG src=...>....
といった感じです。Internet Explorerで言えば、「表示」メニューから
「ソース」を選んでみてください。別のウインドウに上記のような
<...>の羅列みたいなものが表示されることと思います。これが
実際のファイルの中身で、Internet Explorerはこれを解釈して
「IMGか、イメージ(画像)を表示するんだな」
とSRC=で指定された画像ファイルを貼りつけるわけです。
ホームページ作成ソフトも同様に、あなたが編集したページ内容を
最終的にこの<...>羅列の形式(HTML形式)に保存するのです。
問題のページをInternet Explorerで表示させ、早速「表示」→「ソース」
でソースを見てください。そして<IMG ...>となっているところを確認
してみてください。
ここから先は類推ですが、SRC=の中身が"file:///C|/abc/def/..."
なんて形式になってたりはしませんか?file://は、インターネット
に接続してないパソコンローカルでの場所を指す形式で、
パソコン内では表示できますが、プロバイダにファイルをおいた時点で
参照できなくなります(全世界のひとがあなたのパソコンの中身を
自由に閲覧できたら困りますよね)。
プレビューとはホームページ作成ソフト側の機能でしょうが、ひょっとしたら
それはプロバイダが提供する公開マシンにファイルを置かなくても、
擬似的に世間からどう見えるかをシミュレートしてくれる機能なの
かもしれません。だとしたら、それをfile:でなく、例えばページ自体の
場所と同じディレクトリに画像を置いてsrc="***.gif"で指し示す
とか、そのように書きかえれば良いでしょう。
いずれにせよ、まずは<IMG ...> の記述を発見するのが先です。
どうにかしてそれを見つけてください。
(メモ帳、NOTEPADでHTMLファイルを直接開く手もありますし、
ホームページ作成ソフトでももちろん確認する手段がどこかに
あるはずです)
この回答への補足
IMGの記述を発見しました。SRC=fileになってました。
src="***gif"と、ソースを書き換えてみました。
すると、画像がまた消えました。どこを書き換えればよいのでしょう?
ん~ん?・・・?
No.3
- 回答日時:
補足を拝見して「ひょっとしたら…?」と思ったのですが、HTMLファイルとJPEG画像ファイルが別々のフォルダに保存されていませんか?
別々のフォルダでも相対指定さえうまくやれば表示に問題はないんですが、tasty9さんの現在のレベルを考えると、同一のフォルダで作業した方が何かと無難です。
そのうえで、もう一度HTMLを作り直してください。
>>IMGタグの記述?IMGというのを理解していません。それと、記述ってなんでしょう?
たとえばこの「教えて!goo」の質問ページの左肩にあるロゴですが、HTMLソースを見ると以下のような記述で実現されています。
<img src="images/goo_oshiete.gif" width="80" height="41" border="0" alt="goo">
tastyさんがお作りになったページの2枚の写真についても、これと同様な記述によって表示されているはずなので、そこをチェックすれば何がおかしいのかわかるはずなんです。
No.2
- 回答日時:
文字化け問題については分かりませんが、画像が表示されないことについて。
プレビューできるということはファイルは壊れてませんね。なのでやはり<IMG>タグの記述に問題があります。
もちろん拡張子はつけていることだろうと思いますが、大文字小文字は合ってますか?例えば同じJPEGファイルでも"**.jpg"と"**.JPG"という2つの書き方があります。
<IMG src="**.jpg">としてもそのファイルの拡張子が"**.JPG"であれば、認識されず表示されません。私がHPをはじめて開設した時、この小さなワナにはまってしまいました(大文字小文字はちゃんとチェックしてください)。
FTPソフトなどでアップする時に拡張子の大文字小文字をどちらか一律に変更するのが良いでしょう。それでは
この回答への補足
確認してみたのですが、どのファイルも[jpg]小文字です。
編集段階では、写真の貼り付けは出来るのですが、一旦保存してまた開くと
Xになり上のほうにチューリップのマークが・・・その隣に、代替テキストに
入力した文字が並びます。最初の質問でプレビューでは表示できると書きましたが、プレビューで表示できていません。エクスプローラーでは表示できます。
良きご回答お待ちしてます。よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# プログラミングの問題です。至急教えてください。 /***から***/の部分をプログラミングにしてほし 1 2022/10/13 11:48
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- Excel(エクセル) Excelから複数のWordファイルを操作する方法について教えて頂きたい。 やりたいことは、複数のW 2 2022/07/26 20:11
- Excel(エクセル) 写真を読んで表示したい。 1 2023/04/20 11:24
- PHP PHP MySql ページング 2 2022/09/20 06:38
- タブレット 第10世代 Fire HD 8 △(左向き)、〇、□のマークが表示されない 2 2022/12/18 17:02
- Windows 10 win10のゲームバー 使用方法 1 2022/05/22 13:31
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/02/10 11:41
- 写真・ビデオ iPhoneのプライバシーとセキュリティの写真の項目について 2 2023/06/24 23:11
- iPhone(アイフォーン) iPhoneのプライバシーとセキュリティの写真の項目について 1 2023/06/24 20:25
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelで、社外秘(閲覧のみ)と...
-
googleドライブで、PDFファイル...
-
HPにPDFファイルを添付(ホー...
-
ホームページビルダー HTMLで...
-
ホームページビルダー14を使...
-
URLの頭にロゴマークをつける方法
-
MT導入にともない(ファイル...
-
HTMLからフォルダを開きたい
-
HTMLページが勝手にダウンロー...
-
ホームページでファイルをダウ...
-
VBA URLDownloadToFileについて
-
iPadの標準ブラウザでローカルH...
-
Webサイトから、txtファイルを...
-
どのページもすべて同じURLなの...
-
form action="#"
-
HTMLで別PCのフォルダを開く
-
ページの途中にリンクするとそ...
-
URLDownloadToFile でダウンロ...
-
リンク先に日本語フォルダがあ...
-
htmlの謎
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
googleドライブで、PDFファイル...
-
Excelで、社外秘(閲覧のみ)と...
-
ホームページビルダー HTMLで...
-
HPにPDFファイルを添付(ホー...
-
[まいと~くFAX]DDEコマンドで...
-
サーバーにFileZillaで画像をア...
-
htmlからPDFの特定の場所にリン...
-
複数指定ファイルのjgrep
-
Excelのロック解除について
-
EPUBをWEB上にアップする方法
-
URLの頭にロゴマークをつける方法
-
ヤフーオークションの説明欄にH...
-
WEB上でロゴが表示できない
-
FFFTPのアップロードの年月日に...
-
ホームページビルダー14を使...
-
Jw_cadでdxfファイルを全体表示...
-
pngファイルの画像が背景に反映...
-
パワーポイントでHPづくり。
-
HTMLからフォルダを開きたい
-
iPadの標準ブラウザでローカルH...
おすすめ情報