• ベストアンサー

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

前回、バックファイルについて質問した者です。今回の疑問は、ページの表示です 編集段階で1つのページだけが［写真］なのですが表示されません。 プレビューしたり、エクスプローラー等では表示できるのですが・・・ なぜでしょうか？このままでも良いのでしょうか?　1ページだけなので疑問です。 一体何なんでしょう?ちなみにこのページは、写真が2つとテキストです。 きまって、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」「ＵＳＡＧＩ.ＪＰＧ」などは避けてください。 全角で英字、なんてのは気付きにくいかもしれません。もしこうなっていたら すべて 「nezumi.jpg」「karasu.jpg」「USAGI.jpg」という風に直してください。 (HTMLの方も直す事をお忘れなく） いろんなページを眺めていると、半角カナなどを使っている例を見かけることが あります。もしtasty9さんがそれらの文字を使っているとしたら、の話になり ますので違っていたらお詫びいたしますが（実は、文字化けの問題も書いて いらっしゃいましたのでこのように推理しているわけです）。 基本的にURLには今のところカナや漢字などは使えない(使うとしたら %82%A9%82%E7%82%B7のように暗号化しておく必要があります)と思ってくださ い。 これはインターネットの世界でお互いのページを参照しあうために決め られたルールです。本文中の半角カナも避けましょう。（もちろん本文では 全角の漢字などは問題ありませんよ。<A HREF="...">とか<IMG SRC="...">の 中はマズい、ということです） 「他のページはうまく表示できてたのに…」とお思いになるかもしれませんが、 それはあくまでも偶然です。漢字関係にはEUC-jp、Shift-JISなどのコードの 問題もありいろいろ厄介ですし、またプロバイダのサーバのOSがそもそも漢字 のファイル名をサポートしているかどうかなんてことも関係してきてしまいます。 もしこれが原因だったら直せばおそらく解決すると思うのですが…。

tasty9
質問者

お礼

親切、丁寧なご回答ありがとうございました。 本当に勉強になりました。これからも頑張ります。

その他の回答 (4)

回答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ファイルを直接開く手もありますし、 ホームページ作成ソフトでももちろん確認する手段がどこかに あるはずです）

tasty9
質問者

補足

IMGの記述を発見しました。SRC=fileになってました。 src="***gif"と、ソースを書き換えてみました。 すると、画像がまた消えました。どこを書き換えればよいのでしょう? ん～ん？・・・？

  • sesame
  • ベストアンサー率49% (1127/2292)
回答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枚の写真についても、これと同様な記述によって表示されているはずなので、そこをチェックすれば何がおかしいのかわかるはずなんです。

tasty9
質問者

お礼

なるほど!ですね。ありがとうございました。 これから勉強します。

  • setera
  • ベストアンサー率38% (29/75)
回答No.2

文字化け問題については分かりませんが、画像が表示されないことについて。 プレビューできるということはファイルは壊れてませんね。なのでやはり<IMG>タグの記述に問題があります。 もちろん拡張子はつけていることだろうと思いますが、大文字小文字は合ってますか？例えば同じJPEGファイルでも"**.jpg"と"**.JPG"という2つの書き方があります。 <IMG src="**.jpg">としてもそのファイルの拡張子が"**.JPG"であれば、認識されず表示されません。私がHPをはじめて開設した時、この小さなワナにはまってしまいました(大文字小文字はちゃんとチェックしてください)。 FTPソフトなどでアップする時に拡張子の大文字小文字をどちらか一律に変更するのが良いでしょう。それでは

tasty9
質問者

お礼

回答ありがとうございました。もっと勉強させていただきます。

tasty9
質問者

補足

確認してみたのですが、どのファイルも[jpg]小文字です。 編集段階では、写真の貼り付けは出来るのですが、一旦保存してまた開くと Xになり上のほうにチューリップのマークが・・・その隣に、代替テキストに 入力した文字が並びます。最初の質問でプレビューでは表示できると書きましたが、プレビューで表示できていません。エクスプローラーでは表示できます。 良きご回答お待ちしてます。よろしくお願いします。

  • sesame
  • ベストアンサー率49% (1127/2292)
回答No.1

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

tasty9
質問者

補足

IMGタグの記述？IMGというのを理解していません。それと、記述ってなんでしょう？全くの初心者で、話にならなくてごめんなさい。教えてほしいです。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. その他(ソフトウェア)

関連するQ&A

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

    1年前　親切にｓｗｆ形式のホームページをつくってもらいました。わけあって閉鎖したのですが、最近またUPすることになりました。編集してからUPと思っていたのですが、その時にメモ帳で簡単に編集できるように変更部分はテキストスタイルにしてあると言われていたので、メモ帳で開いてみたのですが、文字化けして開けません。HPビルダーではプレビューのみできます　どうしたらいいでしょうか？

  • ホームページの文字化けを修正したい

    FrontPage2002を使用しています。 外注に頼んで作成したホームページの１ページを修正しようとしたら、テキストが文字化けしていました。 FrontPage2002の[標準]で見ると文字化けしていますが、[プレビュー]で見ると正常です。 もちろんWebに発行しても正常に見られます。 その反対に文字を追加しようとテキストを打ち込むと[標準]では正常に見られるのですが、[プレビュー]すると文字化けしてしまいます。 [標準][プレビュー]とも正常に見られるようにはどうしたらよいのでしょうか？ ご存知の方がいらっしゃいましたら教えてください。

    • ベストアンサー
    • HTML
  • ホームページビルダーで

    今、ホームページビルダーでサイトを作成しています。 ページ編集や、プレビューででてくるのって白い紙の上にどんどん追加していきますよねぇ？ これって実際見るときとかはどうなってんですか？写真とかも小さく表示されるようになっているんですか？ 素朴な疑問よろしくお願いします。

  • ジオシティ、上手く表示できない・・

    ヤフーのジオシティで人が運営していたHPを、引き継いで運営する事になったのですが、 編集したページが上手く表示できず、白紙になってしまいます（ソースを見ると文字化けしている） 編集段階のプレビュー画面では上手く表示されるのですが・・・(T_T) こういう場合原因はどういった事が考えられるのでしょうか？ （ジオシティを使うのが初めてで、もしかしたらすごく基礎の事が分かってないのかもしれません）

    • ベストアンサー
    • HTML
  • ホームページ作成

    OSはWindows7、Excel2007、HPBはV14を使用してホームページを作成しています。 Excelで作表した表をコピーしHPBの新規作成ページにペーストすると「ページ編集」タブでは 全ての表の罫線が表示されるのですが「プレビュー」タブでは何も記入されていないセルでは 罫線が表示されません、ちなみにそのセルに数字や文字またはスペースを入力すると罫線が 表示されます、何も記入が無いセルでも罫線が表示される方法を教えて欲しいのですが宜しくお願いします。

  • ホームページ作成

    こんにちは。 前々からＨＰ作成に興味があり、 受験がひと段落し作業に取り掛かっている者です。 テンプレート等に頼らず手打ちで作ろうとしているですが… やはり壁にぶち当たり質問させていただきます。 ちなみに私自身はｈｔｍｌやｃｓｓのマニュアルやｈｐを見て勉強はしていて どういうものかは一応わかっているがまだまだ初心者、という状況です。 ●疑問１ ｆｃ２でスペースをかり、ｈｔｍｌprogect2(以下テキストエディタ) でタグを打って作っているのですが、 テキストエディタやｆｃ２内のプレビューと実際のｈｐの様子が違うのです。 普通に<ｐ>や<br>を使っているだけなのに どうしてかプレビューどおりになってくれません。(ページが凄く乱れている) ●疑問２ テキストエディタ内では外部cssを適用するタグを記述していても プレビュー内では装飾されないものなのでしょうか？ 正直とてもやりにくいです…。 ●疑問３ ファイルをアップロードしてもすぐにはｈｐには反映されないのですか？ ほんとわからず屋ですみません。 勉強不足なのは承知ですがだからこそ皆さんの知恵をかしてください。

  • ホームページビルダーの文字の大きさ

    ホームページビルダーVer.6を購入して、初めてＨＰ作成に取り組んでいます。（どこでも配置モードを使ってます） １．ページ編集の部分のフォントの大きさとプレビューでの大きさが異なるのは、どうしたら直るのでしょうか。 ２．ＩＥで確認した時、表示→文字のサイズを使えば当然フォントサイズが変わってしまうのですが、これを変えないようにすることはできますか。 ３．できるだけ読み手にとって読みやすいＨＰにしたいのですが、ページ編集上で文字サイズ・文字間などの設定に関してのテクニックなどありましたら、教えてください。 どうぞよろしくお願いいたします。

  • ホームページビルダー１６

    今、ホームページビルダー１６を使ってホームページを制作中です。 制作中に説明書を見てもよくわからない点が２つあるので質問させていただきます。 (1)各ページのデザインはある程度完成しており、リンクもなんとか設定しました。 しかし、プレビューにすると編集ページではちゃんと表示されていた文字や画像が全く表示されなくなり背景画像のみになってしまいます。。。 まず、トップページがこの状態で他にリンクしている６ページ中２ページも同じ状態です。 「サイトの確認」というページにいって、全体のページが表示されているときの小さいプレビュー画面でも既に背景画像のみの状態になってしまいます。。。 クリックして各ページを開いて確認してみるとしっかり画像や文字も表示されて、保存もしてあります。 これはどういうことなのでしょうか・・・？ (2)写真だけをのせるフォトページみたいなものをつくりたいのですが、画像をファイルから挿入すると画像サイズ自体がとても大きいので、ページに挿入した後に「合成画像の編集」でサイズを小さくしあとはカーソルで微調整をするのですが、そうするとびっくりするくらい画質が悪くなってしまいます。。。 元画像は、デジカメで撮っている写真なのでそんなに画質が悪いわけではないと思うのですが、この問題はどうにかならないでしょうか・・・？ ご回答よろしくお願いいたします。

  • ホームページビルダー

    初心者ですいません。 ただ今、ホームページビルダーにて初のホームページをつくっているんですが、少し「ページ編集」のタブでページをつくって「プレビュー」のタブを見てみると、全然違うんです。 具体的には「プレビュー」のタブで右半分に文章が書いてなく、2,3文字で改行されてしまい、すごい細長い文章になってしまいます。しかし、表の枠は右半分にも表示されています。「ページ編集」と同じようにしたいです。 よろしくお願いします。

  • ホームページビルダーの作成途中プレビューでgif画像が動かないんです？！

    ホームページビルダー11でホームページを作っています。GIF画像を使っていますが、作成途中のプレビュー表示やエクスプローラー表示では、画像は動かないんでしょうか？フォルダの中にあるGIF画像は動いていますが（画像名も０００gif)になっています。編集ページに使用したら動きません。どうぞ宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する