サイト完成!

Iさんがhtml, cssの勉強で作っていたカフェサイトが完成しました!
「htmlとは?」というところから始めて、ダブルクォーテーション(”)を出すのに手間取っていたIさんが!最後までコツコツがんばり、5ページのサイトを完成させました!ちゃんとレスポンシブ対応もしています。
ラストスパートの自宅学習で思ったより進めてらしたので、あと2回かな~と読んでいたのですが1回で終わりです。(実際にはあと15行ほどcss書かなきゃいけないのですが、ほぼwidth:100%;とか書くだけなので教えることはなにもなし・・・。家で作業できることなので、次回のチェックで終わりです)

いやーすごい!おつかれさまでした!

macの「mi」というエディターで作っていたので、全部手打ちで、ほんとうにコツコツがんばりました。何回も同じタグ、プロパティを書いたので、目も手も頭も慣れたことと思います。
そうなってくるとミスにも気が付きやすくなるんですね。
cssのクラス名が抜けていたところ(. が抜けていた)があったのですが、秒で気が付いていました。

これで基本は抑えました。あとは繰り返しの練習と応用です。
「コーディング練習 デザイン フリー」などで検索してもらうと、練習用のデザインカンプを配布してくださっているサイトさんがあると思います。
そのデザインを基に、きちんとブラウザで再現できるようにコーディングしてみる、という練習ですね。
やってみると、また新たにわからないところ、できないところが出てくると思いますので、できるだけ自分で調べて作ってもらうと、実践的なとても良い練習になると思います。

もちろん、わからなかったら聞いてくださっていいのですが、自分で調べながらやるというところが力になりますので、苦しみあがいてほしいです(笑)

デザインできる方は、自分でデザインしたものをコーディングしてみるといいですね。

Iさんはイラレを使うデザイナーさんなのですがphotoshopは未経験とのことですので、画像の整え方、切り抜きなどやって、あと何回かで終了予定です。