みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

FC2で画像とHPが表示されない!

ホームページ作成初心者です。よろしくお願い致します。
■手順■
(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-transitional.dtd">
<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文的には合っていると思ったのですが・・・。
色々調べたのですが、解決しませんでした。
どなたか分かる方いらっしゃいましたらご助言していただけると助かります。よろしくお願い致します。

投稿日時 - 2010-01-06 17:11:11

QNo.5572398

すぐに回答ほしいです

質問者が選んだベストアンサー

画像をアップロードしたディレクトリ(フォルダ)構成は正しいですか?
imgディレクトリとその中にtopディレクトリを作成して、それぞれの画像(line01.gif、st_info.gif)を入れましたか?
画像を直接表示させるとどうなりますか?
http://~~~/img/line01.gif
http://~~~/img/top/st_info.gif
単体で表示できますか?

投稿日時 - 2010-01-06 17:22:03

お礼

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

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

投稿日時 - 2010-01-07 00:22:09

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問