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デザイナー

このサイト、
Na2 factory(なな ふぁくとりー)を運営している
"ななふ"と申します。
群馬県在住の40代女子です。

2020年8月からWebデザインの勉強を独学でスタートし、
12月にクラウドワークスでチラシ制作を初受注!
以降、細々とバナーやチラシ制作を受注しております。
2021年11月、フリーランスWebデザイナーとして開業しました。

このサイトでは、Webデザイナーになるべく自分が調べた事、
テクニック等を詳細に紹介していきたいと思います。
これからWebデザイナーを目指す方々や、活躍中の方々と
情報共有できたら嬉しいです!

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

na2factoryをフォロー
Na2 factory ななファクトリー

コメント

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