webコーディングの授業、一段落

HTML/CSSコーディングの授業は、教科書のサンプルサイトの制作が今日で終わり。
これで「一通りの基礎的な作業はした」ことになる。

今後は「見本(サイトのスクショ)をコードで再現する練習」をやるらしい。
要素をどのように並べていくか。並べるためにどうCSSで設定していくか。
教科書、タグ事典、ググって探す、いろいろ情報を見ないと作れない。
サンプルのコードをいくら正確に入力できても、同時に暗記できるわけではないのだ。

頻繁に使うであろう「グリッドレイアウト」という特殊技術は、脳内でイメージするのはとても大変だ。紙に書き出すとしても何度も書き直すことになるだろう。
でも世の中には親切な人がいる。レイアウトを助けてくれるサイトがあった。

CSS Grid Generator

見てわかる形でデザインした後、ボタン一発でコードを生成してくれる。
私はこういう「裏技」が大好きだ。というか、よく見付けたなこんなの。

難しい所はできるだけパソコンに手伝ってもらって、今後の実習を乗り切りたい。