11日目:ドットインストールで勉強中(実践!ウェブサイトを作ろう完了)

SNSやってます。

今日は会社からタイのスワンナプーム空港の見学に行きました。普段はなかなか入れないバックヤードは興味深かったです。それにしても広かったです。迷子になりそうでした。

こんにちはSPF36.comのダイ(@daijirok_jp)です。

今日のプログラミング勉強は昨日に引き続きドットインストールのレッスンを「実践!ウェブサイトを作ろう」を進めました。新しくメモする所もなくレッスン通りにウェブサイトを作って早々に終えてしまいました。

昨日から利用を始めた「Dotinstall Pane」と「ATOM HTML Preview」のおかげでマウスを使う時間が削減でき、勉強の効率が非常に良くなったおかげもあるかと思います。

本日の学習結果

今日は実践!ウェブサイトを作ろう (全17回)の勉強を進めレッスンを完了しました。

  • #11 特徴紹介欄のマークアップをしよう
  • #12 要素を左右に振り分けてみよう
  • #13 利用者の声欄を作っていこう
  • #14 要素を横並びにしてみよう
  • #15 アイコンをずらして配置しよう
  • #16 最後のセクションを作り込もう
  • #17 フッターを作ってみよう

上記の7つの動画を終了して「Dotinstall Pane」というDotinstallが作ったプログラマー用エディタ「ATOM」のパッケージを紹介するというサイトを作りました。

感想

今回は実際にワンカラムの簡単なウェブサイトを作りましたが、これまで勉強したテクニックを使って作ったので新しい要素は出てきませんでしたが実際にどう使うのかという事が分かって良い勉強になりました。

今回作ったウェブサイトの一部の写真

↑今回作ったサイトとの一部。ただし写真は自前の物。

また実際にウェブサイトを作っていく中で「Chrome Developer Tool」を使って要素のPaddingを確認したりというところなどはこれまでに出てこなかったのでためにもなりました。

さて、明日はホームページを作れるようになろうというパッケージの「CSSで吹き出しを作ろう (全8回)」に進める事にします。

全8回なので簡単なら1日で終えるかもしれません。