ProgateのHTML&CSS初級編(道場レッスン)終了しました

道場レッスンでは、HTML&CSS初級編の復習ということで、初級編で作ったサイトを一から自分の手で作っていく、というものでした。

いきなり自分の手で一から作るとなると、始めは混乱しましたが、今の自分に足りないものが何か、少しずつ分かってきました。

まずは、「サイトを見たときに、全体的にどのようなレイアウトにしていくのか」が課題でした。

そこで、ノートに全体の構造を書いていきました。ヘッダー、メイン、フッター、と大きく分けたら、次にヘッダーの中身をヘッダーのロゴ部分とヘッダーリストに分けてグループ化する。グループ化しておくとCSSでスタイルを適用するときに便利ですし、今自分が全体の中のどの部分を作っているのかが分かりやすくなります。設計図、みたいなものでしょうか。まずはこれを自分なりにノートに書きだすことで、取りあえず、自分の手をどう動かし始めたら良いのかが分かってきました。

全体の構造を決めたら、あとは細かい部分を作っていくだけです。

ここで生まれた疑問点がいくつか・・・

①paddingとmarginの設定で、どちらで設定しても見た目が変わらない時は、どっちで設定していても良いものか?

この問いに対する答えはまだ出ていませんが、探していこうと思います。

この記事を書いた人