Student-Business

プログラミング・フィリピン留学・海外旅行など自分の体験を記事にしています

プログラミング

初心者のためのWebデザイン独学の方法と参考書を現役エンジニアに聞いてみた

2017/01/06

2

今回は、htmlとcssといったWebデザインに関してどうやって学べば良いかを、Webエンジニアの方に聞いてみました。

参考書だけでなく、独学で勉強する際のアドバイスも頂けました。

掲載の許可をいただいたので、その内容を記事にまとめます。

これから始めるHTMLCSSのオススメ書籍

HTMLCSSの学習を始めたい!と思っている方に、オススメの書籍を紹介したいと思います。

HTMLCSSWebデザイナーには必須スキルです。

Webデザイナーを目指されている方、Webデザイナーのお仕事に興味がある方はぜひ最後までこのブログ記事にお付き合い下さいませ!

学習を始めるにあたって、まず一冊目ですが、

スラスラわかるHTML&CSSのきほん」をやるといいでしょう。

私がこの本をオススメする理由としては、

  • 実践的にホームページが作れる(素材などのデータ有り)
  • シリーズで本が出版されているためその後の学習へ入りやすい

の2点が主に挙げられます。

その後の学習へ入りやすい理由として、この本「スラスラわかるHTML&CSSのきほん」は続編の「スラスラわかるCSSデザインのきほん」があり勉強が繋げやすいのでおすすめです。

今は書店に行けば色々な本が売られていますよね。手にとってわかりやすいと思った本で、学習されるのもとても良いと思います。

しかし、私が学習する上で一番大切だと思う事は、「頭で覚えるより先に手で覚える!」です。

最初は、HTMLの基本構造を見てもただの文字の羅列にしか見えないでしょう。それなので、まずは暗記するのではなく、本の通り作ってみて下さい。作っている内に理解も深まり、まず手が自然と動くようになってきます!

Webデザイナーの業務ではDreamWeaverを使用し、プログラムを書くことが多いのですが、初めて学習する方にお金のかかるソフトはオススメできません。色々挑戦してみたくてウズウズされている方もとりあえずはメモ帳などで学習していきましょう!

また、この本で学習する上で留意してほしい事があります。それは、この本はHTMLCSSの入門書だという事です。この本で学習できるのは、ホームページの基本構造くらいです。

もっと動きのあるホームページを作りたい!Webデザイナーを本格的に目指す!という方はさらに知識を深めなくてはなりません

2冊目にやることをおすすめしたいのは、「HTML5&CSS3標準デザイン講座」です。評判が良く「HTML&CSS標準デザイン講座」を新しくリメイクして作られた新版です。

この本では、サイト設計や実際のサイト作りも一通り学習できます。

また、隣で先生が見守ってくれているかのごとく丁寧で、かつ深いところまで理解することができます。この本を終えたころには、確かな力がついているでしょう。

次にご紹介したいのが、「新標準HTML5&CSS3辞典」です。

辞典ですので、細かな解説とHTML5CSS3の例文、対応ブラウザなど調べることが可能です。

読んでいるだけでも勉強になりますし、業務中にこのタグなんだったけ?なんてど忘れした時にも便利ですよ!

他にも、「HTML5&CSS3ポケットリファレンス」は本のサイズが小さいので通勤時に読んだりしています。

デザイン関連の本に関しては、「ウェブデザイン&レイアウトの見本帳」もオススメです。

私はデザインを専門に勉強したことがなかったので、この本でレイアウトや配色の勉強をしました。

今でも新しくホームページを作る時はこの本を参考に制作しています!

・この本を通してどんなWebサイトが求められているのか?

・デザインを見ただけでコード(HtmlCSS)が思いつくか?

などなど、自身のスキルアップにご活用下さいね。

色の話になったので最後に、「配色デザイン見本帳」をご紹介したいと思います。

これからWebページ制作のお仕事に携わりたい方には必須の本だと思います。

私がこの本をオススメする理由ですが、本に紹介されている色を使ったデザインや広告が見られるからです。

ファッション雑誌のようなレイアウトになっているのでとても感覚的でわかりやすいですよ。

本当はもっとご紹介したい本があるのですが、今回ご紹介した本は「初学者がすぐに買っても損はしない」と思うものに絞りました。

ぜひ一度読んで見られてはいかかでしょうか?

皆さんの学習の参考になれば嬉しいです!

まとめ

実際にwebデザイナーとして働かれている方の生のアドバイスは、やはり参考になりますね。

僕自身、html・cssの勉強はどうやったらいいのか悩んでいた時期もあり、非常に参考にさせていただきました。

html・cssは新しい本で学びたい気もしますが、デザインに関しては大いに参考にさせていただきました。

ありがとうございました。

-プログラミング

おすすめ記事

giftcard 1
Amazonのギフトカードが格安で買えるサービスが発足!密林での買い物がよりお得に!

最近始まったギフトカードの個人間取引ができるサービス「ギフル」ってご存知ですか? ...

71-iFIHKV6L._SL1500_ 2
【Aukey PL-WD06】スマートフォン用カメラレンズなら旅行で風景写真が綺麗にとれる!

いい写真を撮りたくて、一眼レフやコンデジを買いたいと思う方は多いでしょう。しかし ...

StockSnap / Pixabay 3
【在宅ワーク】在宅で記事を書くライターになり1文字1円以上の収入を得る方法

最近、文章を書く力・文章構成力にオシャレさを見出してきました。 文章を書くのにも ...

2 4
初心者のためのWebデザイン独学の方法と参考書を現役エンジニアに聞いてみた

今回は、htmlとcssといったWebデザインに関してどうやって学べば良いかを、 ...