WEBデザインを独学で勉強したい学生・社会人におすすめの教材2選!

エンタメ
悩み人<br>
悩み人

WEBデザイン学んでみたいけど、

どの教材で勉強するのが良いのかわからない….

今回は、そんなお悩みを持つ独学でWEBデザインを学びたい学生・社会人の方におすすめな教材をご紹介します。

私は普段からプログラミングを行い、WEBデザインも独学で学び、過去にLP(ライティングページ)というWEBページを作成する副業案件も行った実績があるので参考になるかと思います。

この記事を読むことで次の事がわかります。

  • WEBデザインには何のスキルが必要か?
  • WEBデザインを学ぶ教材【基礎編】
  • 副業にも使えるWEBデザインを学ぶ教材【応用編】
スポンサーリンク

WEBデザインに必要なスキル

今回の読者の方には、将来的にWEBデザインで副業や自分のホームページを作ったりするのを目的としてやる方が多いと思います。なので基礎から~中級レベル学べる方法をご紹介します。

まず、WEBデザインには最低限必要なスキルが2つあります。

それがHTMLCSSです。これが最初に身につけるべきです。

HTMLとは?

HTMLとはWEBページを作るための文法のようなものです。

例えば、以前書いた水まるもちの記事では、実はHTMLで次のようにかかれていることでwebで表示されています。

html

複雑そうに見えますが、よく使うのは限られているのでこれを学ぶ必要があります。

HTMLは文章をwebで表示させるための文法

CSS

CSSとは、作ったホームページの文字の色や、見た目を調整するのに必要なデザインスキルとなります。

例えば、CSSを使うと次のような調整を行うことが出来ます。

  • 文字のフォントを好きなように変化できる
  • 画像を丸くする
  • パソコンやスマホなど、異なるデバイスで見た目を調整できる

こちらは機能がたくさんあるのですが全て覚える必要はありません。

書き方はほとんど同じなので、一通り書き方を学んで使い方を把握した後は作りたいものに合わせて調べながらやれば大丈夫です。

ではどうやってこれを勉強したら良いか、私が使った2つの教材をご紹介します!

この2つを学ぶことでLP案件といった副業を始める道も切り開けていきます!

CSSはホームページの見た目を整えることができる。

覚えるよりも、書き方だけ覚えておけば調べながら出来る。

悩み人
悩み人

webデザインに必要なスキルはわかりました!

HTML, CSSを学ぶにはどういう教材がいいのでしょう?

ケセラセラ
ケセラセラ

早速教えますね!

スポンサーリンク

WEBデザインを学ぶための教材【基礎編】

HTML, CSSを独学で学ぶには次の教材がオススメです!

【Amazon.co.jp 限定】1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)>

おすすめ本 基礎編

この本はWEBデザイナーであるManaさんが書かれたHTML, CSSを基礎から学べる本です。

私が全くHTML, CSSを知らない頃に友人からオススメしてもらって購入しました。

この本の特徴としては、

  • 画像を豊富に使ってPCに詳しくない人にも優しい!
  • サンプルコードがあって、コピペですぐにwebページを表示させるサンプルが無料で使える!
  • 最後まで読むとWEBページを実際に作る手順を一緒に学べる!

この本を読むことでHTMLの基本、CSSの基本~中級レベルのことは一通り学べ、最後に実際にホームページを作る様子を学べます!

実はこの最後のホームページ作成が出来るようになると、LP案件も出来るようになります!

初心者でも取り組めて、ホームページ作成ができるようになるまで一気にサポートしてくれるので大変素晴らしい本でした!

悩み人
悩み人

ありがとうございます!

基礎を学んだ後に副業とかも視野にいれて中級以上のことも学びたいです!

ケセラセラ
ケセラセラ

やる気に満ち溢れてますね!

副業も視野にいれる場合は次の本です!

スポンサーリンク

副業にも使えるWEBデザインを学ぶ教材【応用編】

次はこちら

【Amazon.co.jp 限定】ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 (DL特典: CSS クラス名 チートシート)

応用編

こちらもManaさんの本で、先程の次のステップに行く内容です。

この本はLP案件に必要な細かいテクニックを一通り学べて、高度なWEBページ作成ができます。

例えば、スマホ、パソコンなどの異なるデバイスに合わせて画面サイズを調整する「レスポンシブデザイン

これはLP案件のみならずユーザーに見やすいサイトを作ろうと思ったら必須スキルなのですが、これを練習問題を使いながら学ぶことが出来ます!

他にも

  • Google mapをホームページに載せる方法
  • 画像を丸くしたり楕円にしたりするデザイン技術
  • javascriptを用いたデザイン

などを学ぶことが出来ます。

もっと凝ったデザインを学ぶことが出来、中級~上級者向けですね。

ここまでしっかり学べれば副業の高度な自作ホームページ作成は勿論、LP案件は確実に出来ます。

悩み解決!
悩み解決!

ありがとうございます!

この2つを勉強してWEBデザインの基礎を身に着けていきます!

スポンサーリンク

まとめ

まとめると

  • WEBデザインには最低限HTML, CSSを学ぶ必要がある!
  • 基礎編を学ぶには【Amazon.co.jp 限定】1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)> がオススメ!
  • 副業も視野にするなら【Amazon.co.jp 限定】ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 (DL特典: CSS クラス名 チートシート) がオススメ!

以上、独学で学びたい学生や社会人にはとてもおすすめの2冊です。

この2冊を学ぶことで自分の思い描く理想のホームページ作成をしてみてくださいね!

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