2月12日(水)2コマ目

今日、やったこと

レイアウト作成(前回からのつづき）

今日のホワイトボード

ヘッダー部をつくる（完成）

前回のつづき。ヘッダー部のタイトル、メニューを横並び＋タイトルは左端＋メニューは右端に配置しました。

図　ヘッダー部(完成イメージ)

index.html

style.css

 サイドメニューをつくる

<table>タグを使わずに、箇条書きのデザインを変更して表のようなメニューを作成。

図　サイドナビ部メニュー

index.html

style.css

セレクタはxxxの中のxxxの中のxxxのように階層構造にすることもできます。

図　階層構造のセレクタ

次回は

評価用課題を作ってもらいます。