フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

HTML/CSSの勉強スタート!

当ブログはアフィリエイト広告を利用しています。
HTML/CSS
スポンサーリンク
【PR】おすすめの本

管理人が買って良かった一冊を紹介します!

Webデザイナーのお仕事が具体的に分かる!デザイン勉強中の人は読んで損なしの一冊。
¥2,497 (2024/12/10 17:55時点 | 楽天市場調べ)

いよいよコーディングの勉強開始です!

今までのあやふやな知識を整理するところから始めたい!

そんな私にピッタリの本を1周しました(^^)/

スポンサーリンク

超有名なこの本を使いました

「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」

webcreatorboxを運営されているManaさんの本です。

こちらの本で制作できるオシャレなカフェのサイト…

本を見ながらコードを打って、

おおおー!こんなに素敵なサイトがもう出来ちゃった!感動!

↓モックアップを初めて使ってみました~使い方が良くわからないけど?

本は説明がとても丁寧だし、

レイアウトも見やすいし、さくさく進めました 😀

これならコーディングやれるかも!?という

期待を初心者に持たせてくれる、

とても夢のある本でした(^^)/

この本では静的なサイトが作れるようになります!

お問い合わせページも、Googleのサービスを利用する方法が

案内されているので、簡単に機能を持たせることはできるんじゃないかな?

尚、動きのあるサイト作成は続編の方で楽しめそうです(^^)/

デモサイトを作った

そして、こちらの本でできたサイトをちょこっとだけカスタマイズし

(画像やフォントを変えただけ?)

デモサイトを作ってみました!

※本の最初の方に

テキスト原稿と画像素材を差し替えればオリジナルサイトとして

利用してかまいません

と記載がありましたので、有難く使用させて頂きます!<m(__)m>

私がイラレで作ったイラスト素材の配布サイトです(^^)/

※CONTACTのページはなしで、BLOGでこのブログに帰ってきます。

デモサイトなのでいつまで公開するかは未定ですが、

是非見て頂きたいでーす!(^^)/

以下バナーをクリックしてね!

テキストエディター何にする?

今回は本の中で紹介されていたAtomを使いました!

このままAtomでもいいのかな、と思ったのですが、

次に取り組もうとしているMANAさん本の続編

「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」

こちらをさらっと見てみたら、こちらではAtomではなくて

Visual Studio Codeが推奨されているみたい(^^;

なので、こちらに切り替えて使ってみようかな~と思います。

便利なプラグインが沢山あるみたいなので、

こちらの環境を整えるのも楽しみです(^^)/

 

 


以上になります。ご訪問ありがとうございました(^^)/

コメント