Webデザインの独学でオススメ教材はこれ！

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

働きたい時に働けるフリーランスって憧れますよね？


僕の友人は林業をしているのですが、働きたい時だけ木こりをして生活しています。


そんな友人を見て、羨ましいと思う日々！


僕もフリーランスになりたと、目指したのが「ゆとりWebデザイナー」


ガツガツ案件を獲得するのではなく、友人・知人に無料でどう？ぐらいの営業。


そんなWebデザイナーを目指す僕は、全くの素人からWebデザインを学ぼうと決意。


当時の僕は、仕事でちょっとPCを触る程度のレベルでしたが、


スクールに通いHTMLやCSS、JavaSquriptなどWeb制作で必要なスキルを学びました。


でも後々、高いお金を出さなくてもWebデザインのスキルを身につけることは可能だと気づきます。


特に、制作会社の下請けとして仕事をしないのであれば、そこまでコーディングのスキルは求められません。


友人のHPやブログサイトを制作するぐらいであれば、少し勉強すれば十分に可能です。


このように、ちょっとWebサイトが作れるようになりたいあなたに、


これだけすればWeb制作ができる３つのスキルとオススメ教材をご紹介します。

では、一つずつ説明して行きます。

1．HTML /CSS

皆さん、何か調べものをする時、googleとかYahooを使いますよね。例えば、googleを使ったとして、調べたいワードを入力し検索すると、関連したWebサイトが幾つも表示されると思います。そこで一番、答えがありそうなURLをクリックすると、PCやスマホの画面に情報が表示されます。この画面に表示される情報（内容）を作成するのが、HTMLとCSSです。
HTMLは、Webページにおける文章（情報をまとめる）を担当し、CSSは、Webページにおけるデザイン（見た目を整える）を担当します。
Webサイトを作成する上で、まずは知っておきたいマークアップ言語です！
ですが完璧にする必要はないです。スポーツで例えるとルールを覚える程度で十分です。いざ、Web制作となった時には調べながら出来ますから。

2．Photoshop

Potoshopは、写真や画像をあつかう編集ソフトです。
YouTubeのサムネイル（中身が何と分かるようにするための見本となる画像）や、Webサイト上にあるバナー（他のWebページを紹介する画像）を作成するのに使います！Photoshopには、非常に沢山の機能があるのですがWeb制作で使うのは一部の機能なので、気楽に学びましょう！
あなたがSNSを使って発信しているのならば、Photoshopを覚えて損はないと思います。

3．WordPress

WordPressは、HTMLやCSSの特別な知識を持っていなくても、Webサイトを作成・運営できるソフトウェアです。また、世界のWebサイトの35％が、このWordPressで作られていると言われています。ここまで紹介した3つの中で一番、時間をかけて勉強したいのがこのWordPressです。
冒頭で「HTMLやCSSの知識がなくてもWebサイトが作れる」って言いましたが、このWordPressは、HTMLとCSSに加えてPHPの知識があれば、さらに独自のカスタマイズを加えることができます。これができれば、あなたのスキルに一層の付加価値を付けることができます。
このサイトもWordPressを使ってます！

ここから、3つのスキルを独学で学ぶためのオススメな教材のご紹介です！

HTML/CSS

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

Photoshop

初めてだけど、いっぱいやりたい！Photoshopよくばり入門

WordPress

いちばんやさしいWordPressの教本 第5版 5.x対応 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」シリーズ) 

[改訂版]WordPress 仕事の現場でサッと使える!
デザイン教科書[WordPress 5.x対応版]
(Webデザイナー養成講座)

勉強する仲間つくり

出永紘己（いでながひろき）