プロが教える店舗＆オフィスのセキュリティ対策術

FC２で画像とHPが表示されない！

解決済

  • 質問者：hiro7th
  • 質問日時：
  • 回答数：1件

ホームページ作成初心者です。よろしくお願い致します。
■手順■
(1)XHTML＋CSSデザインテンプレートからDL
URL→http://pondt.com/con_tpl/standard/
(2)DLサンプルをFC2にて編集
＜HTML文＞
index.htmlというサンプルファイルをそのまま使用
＜画像＞
表示されている画像をアップロード
※解凍後、端からテンプレートフォルダ内の画像をアップロードしました。
■エラー■
画像が表示されず文字のみのページになってしまいます。
■HTML文■
====ここから==================================================
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>ホームページのタイトルを入れてください</title>
<meta name="keywords" content="ホームページのキーワードを入れてください" />
<meta name="description" content="ホームページの紹介文を入れてください" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="head">
<h1>キーワードをいれてください</h1>
<h2><a href="./">STANDARD 03（タイトルを入れてください）</a></h2>
<div id="head_menu">
<ul>
<li><a href="./">HOME</a></li>
<li class="off" onmouseover="this.className='on'" onmouseout="this.className='off'"><a>コンテンツ</a>
<ol class="sub">
<li><a href="contents01.html">ここのメニューは</a></li>
<li><a href="contents01.html">コンテンツ01</a></li>
</ol>
</li>
<li><a href="contents01.html">コンテンツ</a></li>
</ul>
</div>
</div>
<div id="contents">
<div id="top">
<p class="line"><img src="img/line01.gif" alt="ライン" width="796" height="3" /></p>
<div id="main_image">
<p>
文章が入ります。<br />
TEL　00-000-0000<br />
削除も可能です。
背景の画像は差し替え可能です。<br />
</p>
</div>
<p><img src="img/line01.gif" alt="ライン" width="796" height="3" /></p>
<div id="top_btm">
<div id="left">
<h3><img src="img/top/st_info.gif" alt="インフォメーション" width="440" height="26" /></h3>
<div id="info">
<div id="main">
<h4>2009/01/18</h4>
<p>検索エンジン対策としてキーワードを入力できるようにしました。</p>
<h4>2008/06/01</h4>
<p>本テンプレート配布開始</p>
</div>
</div><!-- info 終わり -->
</div><!-- left 終わり -->
<div id="right">
<div id="bnr_sps">
<p class="bnr01"><a href="contents01.html">おすすめ！！（画像差し替え可能）</a></p>
<p class="bnr02"><a href="contents01.html">コンテンツ01はこちら（画像差し替え可能）</a></p>
</div><!-- bnr_sps 終わり -->
</div><!-- right 終わり -->
</div><!-- top_btm end -->
</div><!-- top 終わり -->
<div id="foot_up"></div>
</div><!-- contents 終わり -->
<div id="copy">Copyright (C) <script language="javascript">document.write(new Date().getFullYear())</script> サイト名を入れてください. All Rights Reserved.
</div>
</div>
<!--↓著作権表示※削除しないでください↓-->
<div id="p-copy">
<p><a href="http://pondt.com/" target="_blank">ホームページテンプレートのpondt</a></p>
</div>
</body>
</html>
====ここまで==================================================
テンプレート(サンプル表示)通り表示するには、自分でカスタマイズする必要があるのでしょうか？？ローカルで開くぶんには表示されるのでHTML文的には合っていると思ったのですが・・・。
色々調べたのですが、解決しませんでした。
どなたか分かる方いらっしゃいましたらご助言していただけると助かります。よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： edomin7777
  • 回答日時：

画像をアップロードしたディレクトリ（フォルダ）構成は正しいですか？


imgディレクトリとその中にtopディレクトリを作成して、それぞれの画像（line01.gif、st_info.gif）を入れましたか？
画像を直接表示させるとどうなりますか？
http://～～～/img/line01.gif
http://～～～/img/top/st_info.gif
単体で表示できますか？
    • good
    • 0
    • 件
通報する
この回答へのお礼

edomin7777さん
回答ありがとうございます。(line01.gif、st_info.gif）に関しては、それぞれHTML文内のディレクトリ通りに格納したら表示されました。
ありがとうございます。

その他の画像も表示したいのですが・・・サンプルテンプレート内の画像名と一致している名前がHTML文内にあるのは上記2点のみでしてその他の画像はどうやって表示するのかが不明です。
テンプレートと同じ画像名があればディレクトリを作成して格納という段取りで行えば良いと思うのですが、載せたい画像名がHTML文にないとなると残りの画像は自分で文を追加することになるのでしょうか？？
画像の名前がなくてもローカルでは表示されるのですが。
簡単に思えたのですがどうも仕組みが難しいように感じますね・・・

通報する
お礼日時：2010/01/07 00:22

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

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

ページトップページトップ

Q質問する（無料）

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

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

おすすめ情報