森のプログラミング練習ブログ

htmlやcssの練習したコードを投稿するブログです。

動画で練習17

参考ブログ

初心者でもわかるHTML&CSS講座 イタリアンレストランホームページを作る | Inoma Createk

※ブログ内に練習用のデータあり

-------------------------------------

再度入力して練習したいと思います。

 

全体のレイアウト

header

main

footer

3個の領域に合わせる

--------------------------------------

header

  • #site_logo」=サイトのロゴ
  • #site_reserve」=予約連絡先
  • nav=「トップ」「コンセプト」などのメニュー欄

--------------------------------------

「main」

  • #main_image
  • #concept
  • #menu
  • 「#access」 4個のセクションとして分割する 「map」「txt」「reserve」をボックスとして配置する
  • 「.menu_box」#menu」ボックスには各セクションが横並びになっているので「.menu_box」を配置します。

--------------------------------------

続きます。