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

32、33日目

本日もプロフィールサイトの制作を進めた。

スマホ版

画像位置などに若干のズレはあるものの、スマホ版の制作はほぼほぼ完成した。ズレに関しては、講師に確認したい点もあるため後日対応する。
本日は主にハンバーガーメニュー(「≡」で表されるナビゲーションメニューのこと)とその中身の作成をメインで行った。クリックした際に左側からメニュー画面が表示され、その中身にリンクを加えていく。
ハンバーガーとかいう可愛らしい名前だが、実際に作成していくとなると複雑でめんどくさい。

PC版

スマホ版で作成したものを元に、PCサイズで表示させる際のデザインの変更点を加えていく。CSSで難しいと感じていることの一つとして、画面サイズによって表示させる項目やデザインを変更する点だ。
「@media」で画面サイズによって表示の変更を指定していく。表示の変更の仕方は理解できたが、昨日に引き続きどうも表示位置がうまくいかない。こちらもスマホ版のズレと合わせて講師に質問する予定だ。こういう時独学ではなくスクールに通っていると質問ができるため助かる。。

明日の予定

プロフィールサイトの作成で出てきた不明点を講師の方に聞きたかったが、月曜はスクールが休みのため、一旦次の講義である企業サイトの作成を進めていく。

この記事が気に入ったらサポートをしてみませんか?