Progate中級を終えて

はじめに

[未来電子テクノロジー](https://www.miraidenshi-tech.jp/intern-content/program/)でインターンをしているHiromasa030911です。 今回は、progateの中級編を終えて、細かなレイアウトやデザインの方法を学んだので、それをまとめていこうと思います。

ページのレイアウト

ホームページのレイアウトは大きく5つからできている。 上からヘッダー　トップ　本文　フッターになっている。 ヘッダーはそのまま「header」のタグを用いることで作成できる。 トップや本文は、「p」や「h」を用いて作成した内容を、「background-color」などのcssを用いて作成する。 フッターは、「hover」や「font awesome」を用いてアイコンをつけていくことで作成する。 なお、「hover」クリックされたときに関係する。

細かな要素

ホームページのレイアウトを作成するには、細かな設定をする必要がある。 例えば、ページの要素の間隔をそろえたり、文字の透明や不透明を調節することがある。 間隔の調整には「margin」が、文字の明度には「opacity」が用いられる。 これらのタグを知っておくことで、より複雑なレイアウトのページが作成できるのだ。

おわりに

今回で基本的なことは学び終えたのでとても達成感がありました。 プログラミングに関する感覚をつかめてきたので、これからの学習もさらに進めていきたいです。 また、今回までに学習したタグをもう一度復習して、いつでも使えるようにしていきたいです。