Design Stock

デザインのアレコレ

  1. HOME
  2. コーディング
  3. とにかくホームページを作ってみたい!という人におすすめな本5冊

とにかくホームページを作ってみたい!という人におすすめな本5冊

Webサイト制作

なんとなく興味本位でホームページ制作の本を読み、気がつけば今までにたくさんのWebサイトを作ってきた。
ゼロからデザインやコーディングをしてイメージしていたものが形になると、やっぱり気持ちがいい。

今回は自分がまだホームページの作り方など全く知らなかった頃を思い出し、
ホームページを作ってみたいけれど何から始めればいいのかわからない方向けに、おすすめの本を5冊ご紹介したいと思う。

 

超初心者向け

スラスラわかるHTML&CSSのきほん

スラスラわかるHTML&CSSのきほん

初めて読んだ本がこの「スラスラわかるHTML&CSSのきほん」だ。
狩野さんの著書で、初心者向けにわかりやすく、かつ丁寧に解説されている。
ホームページとはHTML・CSSという最も基本的な言語から成っている。

一見文字の羅列のようで難しそうに見えるが、これら2つの言語は頭を使わなくても知識として覚えるだけなので全く難しくない。
むしろこの本に書いてある通りに手を動かせば、楽しく簡単にホームページを作ることができる。

コーディングの最大の魅力は、やっぱり作品を自分の手で作り上げることだ。
参考書に載っているサンプルサイトでも、自分の手でゼロから作り上げるのは達成感がありとても気持ちいい。

「この本を読んで挫折したら、どの本を読んでもスキルを身につけることはできない」
というくらい懇切丁寧に解説されているので、ぜひ読んでみてほしい。

スラスラわかるHTML&CSSのきほん

 

 

作りながら学ぶ HTML/CSSデザインの教科書

作りながら学ぶHTML/CSSデザインの教科書

こちらは先ほどの本で学んだ知識をある程度知っている方向けに書かれている。
ページ数は336ページと結構分厚いが、内容は難しくないのでスラスラと読み進めることができる。

こちらも本を読み進めながらサンプルサイトを作り上げていくよう構成されている。
一つ一つ手を動かしながら、実践で使える基礎的なテクニックを網羅的に学習することができるのでおすすめだ。

正直、1冊目とこの本だけで、もう他に基礎的なHTMLとCSSの本を読む必要はない。
もしわからないことがあれば、都度ネットで調べていく方が早い。

作りながら学ぶ HTML/CSSデザインの教科書

 

初心者向け

HTML5&CSS3 デザインブック

HTML5&CSS3デザインブック

こちらは先ほどとは少し異なり、「レスポンシブWebデザイン」を勉強するための本だ。

レスポンシブWebデザインとは、各デバイスごとに最適なインターフェースで作られたWebサイトのことだ。
今ではiPadなどのタブレット端末やiPhoneを代表とするスマートフォンが普及したため、デスクトップやノートパソコンで見られることだけを前提にしたWebサイトは少ない。

それぞれの端末で最適な見た目になるよう、レイアウトや文字サイズ、ボタンの大きさなど様々な要素が可変になるようデザインされている。
各デバイスごとにサイズを調整する「メディアクエリ」という手法があり、本書ではこれが丁寧に解説されている。

HTML5&CSS3デザインブック 

 

中級者向け

 WordPress レッスンブック

WordPressレッスンブック

こちらはブログなどでよく使われるCMS(コンテンツマネジメントシステム)のWordPressについて解説された本だ。

HTMLとCSSだけでは、ブログなどの大量のページを作ることは難しい。
なぜなら、コードに直接文章を記述する必要があるからだ。

しかし、WordPressを使えばコードは気にせずテキストベースで好きなだけページを更新することができる。
当ブログははてなブログで運営されているが、はてなブログのシステムもWordPressと同じようなシステムだ。

WordPressをオリジナルのテーマで作ろうとすると、PHPというプログラミング言語を記述する必要があるが、この本にはWordPressの仕組みからPHPの記述方法まで詳しく書かれているのでとてもわかりやすい

(ただPHP自体の文法や仕組みについては解説されていないので、深く学習したい場合は別の書籍でプログラミングを学習する必要がある。)

WordPressレッスンブック

 

 

 WordPress デザインブック

WordPressデザインブック

こちらも先ほどと同様WordPressについての解説書だが、「レスポンシブWebデザイン」を 前提に解説されている。

PHPの難しい記述式が多く出てくるためわからない部分も多々あると思うが、この本を読み通せばネット上でよく見るコーポレートサイトやブログなどをゼロから作り上げることができる。

SNSのシェアボタンを機能させる方法や、SEOで重要なメタデータの記述なども詳しく解説されているので、本格的にWeb制作を勉強したい方は一読をおすすめする。

WordPressデザインブック