�E¿ CSSでレイアウトがç´?敵に簡単にできる無料見本
画面全体にganzと名付けました、Ebr /> ここに背景用写真を貼る!Ebr /> æœ?上部中央に索引とぁE�†手も、Ebr /> 桁E‰²の画面幁E�E800px程ã?�Ebr /> height: auto; とcssに記述

ã€?画面のä¸?番上ã�E横長の部刁E�E名前はtopですã?�Ebr /> ã€?バナー・写真などを貼りますか。現在の幁E�E800pxで、E«˜さは60px、Ebr /> ã€?ulタグを使って、ここに、リンクを付けた索引ã�E画像を貼りã?�この部刁E‚’固定表示しますã?�Ebr /> こã�Eペã�Eジはã€? index.htm ã€?ですã?�E
こã�Eペã�Eジのレイアウトã�Ecssで行なっておりますã?�Ebr />
こã�Ewrapperは800px�Eˆコンピュータ画面の�E�E�E“くらい�E‰ã�E幁E�E見せたい部刁E¼ˆ太柱�E‰ですã?‚ã??height: auto; とcssファイルに書ぁE�¦おきますã?�E
画面の主部の左サイドメニュー・本体部�Eˆ本斁Eƒ¨と右サイドバー�E‰を合わせた部刁Eody00ですã?�E ã€?
こã�E本体部�Eˆたã�?しã?�本斁Eƒ¨と右のサイドバーを併せた領域�E‰ã�E名前はã€?main ですã?�E
primaryã€?---本斁Eƒ¨の名称ですã??

私ã�ECSSの勉強を少しめE�£てからすぐ、レイアウトã�E仕方に取り絁E�¿ました、Ebr /> そこにä¸?番興味があったからですã?�Ebr />
ですが、なかなかうまくいきませんでした、Ebr />
ぁE‚�ぁE‚�インターネットã�E記事を見てみましたがã?�Ebr /> 私ã�EめE‚Šたい、この少しã�?け褁E›‘な構æ�Eのペã�Eジの作り方はどこにもありませんでした、Ebr /> �Eˆこのレイアウトã�E、そぁE�Eè¨?ってもよく見る形の基本形ですã?‚!Ebr />
ところがã?�http://homutuku.com/beginner/230.htmlã€?のペã�Eジを読んだ時に、わかったã�Eですã?�Ebr />
ぁE�¾くいかなかった原å›?を書ぁE�¦ぁE��ますã?�Ebr />
失敗してぁE�Ÿ琁E”±は、cssの書き方が間違ってぁE�Ÿのですã?‚å�E体的には、Ebr />
�E‘番目は、Ebr />
cssファイルの吁E¡Œã�Eæœ?後に�E›を絶対に付けなければ動作してくれなぁE?�Ebr />とぁE�†ことですã?�Ebr />
�E’番めã�E、Ebr />
width:800px;ã€?ã€?と書ぁE�Ÿらダメで、Ebr />
width: 800px; と書かなければならなぁE?�とぁE�†こと、Ebr />
すごく厳寁E�ªんですã�E、Ebr />
もっと大きな問題ã�E、float の使ぁE–¹と使わなあかんところ、が
わかってませんでした、Ebr />
それにつぁE�¦は、上ã�Eリンクペã�Eジを見てください、Ebr />
あれで、ã�Eっちりわかりました、Ebr />
さて、本斁E‚’書ぁE�¦ぁE‚‹こã�E部刁E¼ˆ本斁Eƒ¨�E‰ã�E名前は、primaryã€?としました、Ebr />
本斁Eƒ¨ともè¨?ってますã?�Ebr />
primary は本体ã�E本斁E‚’書く部刁E�§すã?‚ここを書き換えたらいぁE‚�けですã?�Ebr />
cssとぁE�†名前のフォルãƒ?の中のstyle-temp.cssã€?のã€?#main
のところに記述したとおり、Ebr /> 幁E00pxã€?�Eˆで、E«˜さ無持E®šなので、無制限)ã?�Ebr />
----------------------------------------------------------
[重要]ã€? http://cts0123.webcrow.jp/8407/htm/template.zipã€?

をダウンロードして、解凍してから、任意ã�E位置に、コピã�Eを貼り付けて使用できますã?�Ebr />
html ファイルを新しく作ったら、すべてこã�E中のhtmフォルãƒ?に入れてください、Ebr />
htmとぁE�†フォルãƒ?名ã�E変えても構いません、Ebr />
cssとぁE�†名前のフォルãƒ?とhtmのフォルãƒ?は、横に並びますã?‚å�E弟フォルãƒ?ですã?�Ebr />
大事なことは、cssとぁE�†名前のフォルãƒ?とhtmのフォルãƒ?の位置関係を変えなぁE�“とですã?�Ebr />
css とぁE�†フォルãƒ?名ã�E、htmlめEssがわかるまでは変えなぁE‚ˆぁE�«してください、Ebr />
変えると、レイアウトが崩れますã?�Ebr />
ペã�Eジの色を変えたい方は、cssとぁE�†フォルãƒ?の中の、style-temp.cssã€?の中身を書き換えますã?�Ebr />
色名ã�E、http://www.netyasun.com/home/color.htmlã€?などでご確認くã�?さい、Ebr />
----------------------------------------------------------
右のサイドバーを作る部刁E�E名前は、right-side ですã?�Ebr />
    ��� ���� �
  • menu-r01
    �
  • menu-r02
    �
  • menu-r03
    �����
  • menu-r04
  • menu-r05

    リンクペã�Eジ名を変えるå?´合ã�E、上ã�E数行ã�E書き換えが要りますã?�Ebr>
    リンクペã�Eジ名と上ã�Ehrefの後ã�Eファイル名が合ってぁE�ªぁE�¨、Ebr>
    リンク先ã�E開きませんがã?�Ebr>
    Not Found と表示されるå?´合ã�E、リンク機è�E自体ã�E正しく設定されてぁE�¾すã?�Ebr>
    、E