【未経験からWebデザイナーへの道】38、39日目

38、39日目

本日もHTML、CSSの習熟。

トップページ（PC）の完成

先日完成させたスマホ版のトップページに対して、PCサイズになった際の変更点を装飾していく。基本的には復習となり、手を動かして慣れていく作業。今回感じたのは「<div>要素」の使い方の重要性について。<div>要素とは本質的には何も表さないが、classやidを使用してスタイルをつけやすくする際に使用する。HTMLを作成時はいかにクラス分けを上手く行うかで、正確？にcss装飾することができる。<div>要素をどこにいれるか明確な正解はないが<div>要素マスターを目指そうと思おう。

共通の項目の整理

ヘッダーやフッターといった複数ページに共通する項目については、一つのcssファイル（今回はcommon.css）にまとめる作業をした。そうすることで修正や追加が発生した際に複数ページに対して修正が不要となり管理が簡単になる。単純だが大切であるためしっかりと覚えておく。

ドロワーメニューのHTML_CSSの完成

メニューの開閉ボタンをコーディングとハンバーガーボタンの作成を行った。こちらも前回行ったカフェサイトでも作成したため復習がメイン。

明日の予定

会社概要ページをの作成を進めHTML,CSSの習熟を深める。