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をフォロー
Webデザイン勉強中

このサイト、
Na2 factory(なな ふぁくとりー)を運営している
"ななふ"と申します。

40代からのWEBデザイナーへの道!
少しづつステップアップしていきたいです。

このサイトでは、自分が覚えた事、
テクニック等を詳細に紹介していきたいと思います。
これからWEBデザイナーを目指す方々と
情報共有できたら嬉しいです!

約2.5か月かけて(^^;photoshopでのバナトレ30本達成できました!
さらにその倍ぐらいの時間をかけて、
illustratorでもバナトレ30本達成~!!
現在はXDとコーディング勉強中!

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

na2factoryをフォロー
Na2 factory

コメント

タイトルとURLをコピーしました