HP作成で、何故か画像を変更できない部分がある.2

ページを、現在作成している途中です。
このページは、テンプレートを使っていて、手を加えて作成するものです。
この中で、一か所、疑問があります。
それはこのページの上の方の両端と、一番下のフッター部分にある 「 黄緑色の無地の背景のセット画像 」です。
この画像を変更しようと思い、imgフォルダ内にある画像から探してみましたが、何故か同一の画像がありません。
代わりに、かなり色の薄くなった、「 bg-wrap.jpg 」「bg-wrap-home.jpg 」 があり、これが関連性がありそうだと感じています。

黄緑色の画像を入れ替える、または変更の方法を知っている方がいましたら、出来ればそのHTMLかCSSの記述内容をそのまま記していただければ幸いです。、ご回答をよろしくお願いいたします。

No.2 ベストアンサー 回答者： too_bad 回答日時： 2012/10/05 15:25

初心者さんに>>1さんの言い方は難しいと思われますので、

簡単な語句に変更してみますね。

>まず、「 bg-wrap.jpg 」「bg-wrap-home.jpg 」 は関係ありません。
それぞれimgディレクトリに格納されています。

>bg-home.jpg
と
bg.jpg
・imgって言うフォルダがあると思うので、そちらに入っているbg-home.jpgと言う画像と
bg.jpgと言う画像がそれだという内容ですね。

>header部分のimgは2つ。imgタグではなく、CSSでbackgroundとして埋め込まれています。
common.cssの85行目と92行目
・ページの一番上の部分(ヘッダーと言います)に使われている画像は2つあります。
<img>のタグは使っておらず、common.cssというCSSの85行目と92行目に、
#bg {
text-align: center;
background-image: url(../img/bg.jpg);←ココ
background-repeat: repeat-x;
background-position: 0 0;
}※これが85行目

#home #bg {
background-image: url(../img/bg-home.jpg);←ココ
}※これが92行目
という感じで埋め込んでいますと言う内容です。

>footer部分は画像ではなくcolorです。
common.cssの152行目
background-color: #99CC00;
です。
・画面下部の黄緑色のは画像ファイルではなく、CSSによって色付けされただけです。
common.cssの152行目にあるbackground-color: #99CC00;がその色になります。
#footer {
padding: 1em 0 0.5em;
background-color: #9c0;←ココ
}※152行目

>ちなみにどの言語もそうですが、パス(表示させたい画像の位置)をしっかり記載しないと表示は絶対にされません。
1文字でも違えばそれは全くの別物ということになります。
・（）書きにて補足

こんなところでしょうか。
取り立てて私から言えることはありませんが、
このWEBサイトは途中まではツールで最終的には手打ちで作られていると思われます。
ですので、ツールを使うとややできない場面が出てくるかもしれません。
手打ちでのWEBサイト作成を勉強しましょう。
W3C勧告によるHTML5とかCSS3とかも出回っていますので、
今後のことも兼ねてお勉強されるならそちらがよろしいかと思われます。

この回答へのお礼

ご回答、ありがとうございます。とても参考になりました。

お礼日時：2012/11/08 09:27

No.1 回答者： kisui21 回答日時： 2012/10/05 10:11

まず、「 bg-wrap.jpg 」「bg-wrap-home.jpg 」 は関係ありません。

それぞれimgディレクトリに格納されています。

bg-home.jpg
と
bg.jpg

header部分のimgは2つ。imgタグではなく、CSSでbackgroundとして埋め込まれています。
common.cssの85行目と92行目

footer部分は画像ではなくcolorです。
common.cssの152行目
background-color: #99CC00;
です。

ちなみにどの言語もそうですが、パスをしっかり記載しないと表示は絶対にされません。
1文字でも違えばそれは全くの別物ということになります。

まだ道は遠そうですが、焦りと最初から"完璧"を求めてしまうと完成はさらに遠くなってしまうので、焦らずまずは7～8割の完成度でローンチして、徐々に完成に近付けましょう。

がんばってください。

この回答へのお礼

ご回答、ありがとうございます。とても参考になりました。

お礼日時：2012/11/08 09:27