既存HPをCSSに変更するということ

今日は手代木先生がダウンで自習(先生!お大事に!復帰をお待ちしております!)

課題にチャレンジしましたがグチャグチャに・・・

オリジナルサイト
 パソコンスクール・Web・DTPスクール・パソコン教室【東京・世田谷】

解答例
 【ドリル_03 解答例】パソコンスクール・Web・DTPスクール・パソコン教室

【ポイント】

授業の内容「ヘッダとナビ」をそのまま使いました。

(1)ヘッダー内のロゴは「img」を使う

 ※クリックして、トップに戻る役割

(2)「リスト」を「ボタン」にする

 ※「テキストリンク」の場合「インライン」

 ※「画像リンク」の場合「フロート:左」

(3)ロールオーバーで画像置換

 ※「li」に「id」を設定する

 ※文字を非表示にするため「em」を設定する

 ※「a:link」と「a:hover」にそれぞれの画像を指定する

(4)繰り返すブロック要素には「class」を設定する