positionを使ったレイアウト- 実践

positionを使ったレイアウト

  • 以下のサイトを作成しなさい
  • ナビゲーションボタン「幅:160px、高さ:50px、色帯:4px」
  • bg.jpg(幅800px、高さ250px)

f:id:web-0818:20170524235201p:plain

  • logo.png(透過PNG 幅200px)

f:id:web-0818:20170524235549p:plain

f:id:web-0818:20170524234936p:plain

CSSシグネチャー(signature)
  • bodyなどにidやclassを設定し、 CSSでページごとのスタイルの切り替えを行う手法

f:id:web-0818:20170525000841p:plain

f:id:web-0818:20170525000901p:plain

f:id:web-0818:20170525000915p:plain

f:id:web-0818:20170525000928p:plain

ナビゲーションを画像にした場合

f:id:web-0818:20170525002300p:plain