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

HTML/CSSの勉強スタート!

HTML/CSS
スポンサーリンク

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

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

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

スポンサーリンク
スポンサーリンク
スポンサーリンク

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

デモサイトを作った

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

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

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

※本の最初の方に

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

利用してかまいません

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 


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

HTML/CSS
スポンサーリンク
この記事が気に入ったらシェアしてね!
na2factory ななふをフォローする
na2factory ななふ
フリーランス Webデザイナー

群馬県在住の40代女子です。
2020年8月からWebデザインの勉強を独学でスタートし、
2021年11月に開業しました。
守備範囲はバナー・チラシ制作からWordPressでのサイト制作まで。

このサイトでは、Webデザイナーになるべく自分が調べた事、
自主制作物、テクニック等を紹介しています。

詳しいプロフィールはこちら

Na2 factory ななファクトリー

コメント