【プログラミング学習】「全体のレイアウト」の章をやってみた【Progate】




レイアウトを作ろう プログラミング
スポンサーリンク

いじゅ~もり(@ijumori)です。

 

引き続き、Progateで学んだ学習記録をつけていきます。

Progateでプログラミングを学びます。まずはHTML&CSSから
...

 

前回は<head>タグ内に書く「おまじない」を学びました。

【プログラミング学習】「HTMLの全体構造」パート2をやってみた【Progate】
...

 

今回はレイアウトについて学んでいきます。

 

わかったこと

この章でわかったことを列挙します。

  • レイアウトは「ヘッダー」「メイン」「フッター」で構成されている
  • レイアウトは<div>要素で構成されている
  • エディタには補完機能があり、タグ名を入力し「Tab」キーを押すと終了タグまで補完してくれる

 

詳しくは次の記事で解説しています。

coming soon

 

演習課題でやったこと

課題でやったことを列挙します。

  • <body>要素の中に<div>要素を3つつくり、header、main、footerというclassを与える
  • header、main、footerの背景色と高さを指定する

 

わからなかったこと

特になし

 

その他・感想

一番しっくりとした回でした。

 

最後に

ワードプレスのカスタマイズ記事を見て、いつもはコピペして終わりにするのですが、ようやくここをこうするからこうなるのねという仕組みがわかってきました。

カスタマイズ記事をたくさん書いている人は、なぜこんなにもいじくっているんだろうと思っていたのですが、やってみてわかりました。

楽しい。

楽しいんです。

もっと維持れるようになるともっと楽しいんだろうなと感じました。

もっと楽しめるように、学習を先へと進めていきます。

最後まで読んでくれてありがとうございました。

いじゅ~もり(@ijumori)でした。