HTML&CSSとWebデザインが1冊できちんと身につく本①

●●●
もなか

こんにちは!もなか(@ruby443n)です。
今回は私がProgateに飽きたときや気分転換したいときに進めている参考書の進捗状況を報告します

HTML&CSSとWebデザインが 1冊できちんと身につく本ってどんな本?

「HTML&CSSとWebデザインが 1冊できちんと身につく本」は、初めてHTMLやCSSを学び、これからサイト制作を始める方向けに作られています。

実際にフルスクリーンページを作ってみました

こんな感じです。かっこいいでしょ?
CSSだけで背景画像を全画面表示にしたり、WEBフォントを使ってみたり
本を読むだけでなんかプロっぽいサイトがあっという間に出来上がりました。

●●●
もなか

この本では、フルスクリーン、シングルカラム、2カラム、グリッドデザインの4つのレイアウトパターンと、レスポンシブデザインを実際に手を動かして作りながらサイト制作の基本が学べます

説明もわかりやすく、新しく打っていくところには赤い色がついていたりしているので躓いたりうまくCSSが表示されてなくてもすぐに自分で確認ができます。

進捗状況

現在は全10チャプター中のチャプター6まで終了しています。
(フルスクリーン、シングルカラム)

Google fontsからフォントをダウンロードして表示するレッスンがあるんですがうまくできたときは感動しました~。
難しい用語もひとつひとつ解説が書いてあり、本に書いてあることを打っていくとどんどん出来てきて、
かっこいいページになっていくので知識ゼロの私でも「できた!おもしろい!」と楽しくなって来るんです。たまにうまく表示されないときはキャッシュだったり、#や、;などの記号が抜けていたりスペル間違いだったり見つけるの時間かかりますがここまで合計10時間くらいでできました(くそおそい)

まとめ

今回はチャプター6までの進捗報告でしたが、現在チャプター7の2カラムページに取り掛かってます。Progateに挫折しそうになった時に自信をつけるため進めている本なので次回はいつ報告できるかは未定ですが、完成まで頑張っていこうと思ってます。楽しみながら勉強するの大事!

●●●
もなか

最後までお読みいただきありがとうございました。