ホームページの背景について・・

質問

申し訳ございません。質問自体こちらであっているかわかりませんが、教えてください。http://success-navi.com/
上記のような背景（両サイドにぼかし？）が入っているような背景にするにはどうすればいいんでしょうか？
当方ドリームウィーバー８を使っております。
素人ですがよろしくお願いします。

回答No.1

noname#66720 · ベストアンサー

背景を指定しようとしているページのコンテンツの横幅は固定ですか？
もしも固定なら、まずその横幅分の空白をとり、その両端に影を入れた画像を作ります。
その画像の高さを1pxにして保存しbodyに対してcssで以下の指定をしてください。

body {
background:url(image.gif) repeat-y center 0;
}

image.gifは適宜変更してください。

基本は最初から背景になじむようにして画像を作り、それを繰り返して表示するように指定してあるだけです。
画像の高さは1pxとしましたが、ネット回線は早いが処理速度の遅いブラウザを使っている環境なども考慮し、あまりに長くなるようでしたら適度なサイズにしてやるのが良いと思います。

補足

ご説明有難うございます。
折角ご説明して頂いたのですが、当方の知識があまりにも低すぎて全部を理解することが出来ませんでした。申し訳ございません。
当方が理解出来ているものとしまして、私が作っているサイトの横幅は700となっており、ご紹介いたしましたサイトの方も700だと思います。
＞両端に影を入れた画像を作ります。
とありますが、その画像の作り方さえわかりません。
あまりにもレベルの低い知識しか持ち合わせておらず大変だと思いますが、もう少し簡単に出来る方法、または説明があると大変助かります。
よろしくお願いします。

回答No.2

noname#66720

画像についてはphotoshop等のグラフィック系ソフトを利用して作成します。

(1)　新規作成から横700px高さ50px程度の大きさで画像を作り始め、塗りつぶしツールで適当な色で塗りつぶします。
(2)　photoshopの場合はここで現在の背景レイヤーをレイヤー化します。
(3)　次にカンバスサイズを横幅だけ100px程度左右均等に大きくします。
(4)　最初に塗りつぶしたレイヤーの下に新規でレイヤーを作り、そのレイヤーの左半分程度を選択範囲にします。
(5)　グラデーションツールで影を作ります。一色の影であれば、コンテンツの外の背景色と影の色を選びます。
グラデーションツールを使うと、一番最初に塗りつぶした部分の外側にのみ影が表示されるはずです。
(6)　(4)～(5)の作業をを同じレイヤーの右側で行います

ここで言っている意味がわからない、or photoshop以外のソフトの場合は、それぞれ解説されているサイトがあると思いますので、そちらで勉強されるのが良いと思います。

CSSやwebの基礎知識に関しては、最低限以下のリンク先のようなで学ばれたほうが良いです。
http://www.tohoho-web.com/www.htm

お礼

ご丁寧な説明有難うございました。
私の勉強不足のため、解決はいたしておりませんが、
まずは基礎から勉強していこうと思っております。
有難うございました。