前置き
プログラミングの勉強を始めて3か月が経ったので、練習も兼ねて大体1ヶ月ぐらいの時間を用意して、初めてWebページを作成しました。アップロードはGitHubを使用。
完成するのに時間がかかった部分を考えてみる
コードを書く事よりも、どういうデザインにするのか考えるのに一番時間がかかったと思います。
作成する過程で学んだ事
1. viewportの設定方法
2. メディアクエリの仕様
今回作成したのは一番シンプルなWebページなので、せっかくだからレスポンシブWebデザインにしてみました。書き終わった後にブラウザのサイズを弄った時に、しっかりサイズが変わっているのを見た時は割と感動しましたね。
3. 背景画像の設定関連
background-repeat, background-position, background-attachment, background-sizeなどは実際に書きながら細かく設定できる事に驚きました。
次回注意したい事
デザインを考えるのに時間がかかった理由は「最初だけど、しっかりした物を作りたい」というプライドのせいな気もしますが、「どういう層に見てほしいか」をきちんと考えなかったからだと思うので次回Webページを作成する時には「こういう層に見てほしい」を途中で変えたりせず、日数を決めてテキパキ作成しようと思います。
あとは、今回のは短いですがCSSファイルが読みにくいのでコメントをしっかり書く癖を身につけようと思います。