【短編コラム】はじめてのWebサイト制作

こんばんは、CodeShip blog編集部です!

本日の授業風景です。

さて、今日のタイトルですがこちらはHTMLとCSS分野のカリキュラムで出てくる課題で、受講生全員が通る最初の制作課題です。

HTMLとCSSのカリキュラムの最後ではWebサイトの模写を課題としています(模写とは参考となるWebサイトやページをできるだけコードを見ずに見た目を再現すること)。

模写課題を通して、学んできたことを活かして1から完成させる経験をすることで、改めてWebサイトやページ上の要素の配置や構造(レイアウト)に対する認識や考え方、またフロントエンドの基本的な実装力を実現します。

とは言え、ヒントはあるもののいざ真っ白なエディターに向かうと最初は「何からすればいいんだっけ」と戸惑うもの、、、。

ここで改めて足りない理解をテキストで復習したり、トライアンドエラーで理解を定着させていきます。

初めて自力で制作物を作り切った時の達成感は、講師や運営陣にもひしひしと伝わってきます!

また、講師のコードレビューを受けることによりただ単に見た目を模写するのでなくより実務に近いタグの正しい使い分けや、スタイルの適用方法なども学んでいきます。

navheaderはもちろんarticleasideといった見た目には影響を及ぼさないタグの使い方、absolutefloatではなくdisplay:flexを使ったレイアウトの考え方とhow toなどなど、、、。

皆さんはどこまで理解して実装できますか?

授業日記についてのご意見

CodeShipの授業について「こんな事が知りたい!!紹介して!!」というご意見・ご提案がありましたら、CodeShip公式Twitterアカウント(【CodeShip】プログラミングスクール)までDMまたはリプライにてお寄せください。
授業日記として書かせていただきます。