デザインワークス（1/28）

※Googleのアルゴリズムが変更になって画像のAlt属性を
　拾わなくなったらしい。
※広告のデザイン、バランスの黄金比（1:1.6）の取り方色々について
※Webは左上が肝心？！
※CSSは枠の中におさめるのではなく、おさめるための枠を作る
※文章の編集能力は必要
※zindex知りたいデス〜！！！

＜課題：Royal_Sweet＞
テキストから
・マークアップ
（h1,h2,p,ul,li)
・グループ分け
（#header #navi #contents #footer)
・更にグループ分け
（#wapper #contaner）

CSS（style.css） リンク
・新規CSSスタイル
（#header #navi #contents #footer #wapper #contaner）
　ある程度のレイアウト、フロートなどの設定
・初期化、定義付け
（h1,h2,p,ul,li,a）(#body)
　※文字設定を他でしない場合は、#bodyで

・header
　h1に画像を入れる
　画像を仮置きして#headerサイズ変更
　子孫セレクタを作る
　（#header h1）
　画像差し込み、h1はtext-indent:-30000pxに。。。
　＃CSSをオフにすると画像はなくなりテキストのみ表示される

・contents
　h1と同じ要領でh2に画像設定（#contents h2）
　その他のイメージ貼付け　カットして埋め込み
　※その他の画像は属性で名前を入れる
　（#contents p img）を作り、画像にmarginを付ける

・navi
　ボタンの設定
　[リンク]に#を仮置きする
　（#navi ul）を作成、ボタンの概要？を設定　
　リスト→なし　ボーダー→左右実線　リンクボーダー→なし

　（#navi li a）を作成、ボタンの身？を設定する
　タイプ　　フォント…英表示だと中心に。。。。
　　　　　　サイズ…１ems
　飾り…なし
　ブロック　表示…なし
　ボックス　padding:5,0,5,10
　ボーダー　下

ここまでだった。。。。書くと短いなぁ　orz