【Webサイト制作】服部雄樹『HTML & CSSとWebデザインが1冊できちんと身につく本』

服部雄樹『HTML & CSSとWebデザインが1冊できちんと身につく本』

このサイトはWordPressで作成しているのですが、工夫しようとすると、どうしてもHTML、そしてCSSの知識が必要になります。もっとも、いちからエディタでガリガリ書くわけではないので、参照できる程度の教科書で十分です。HTML、CSSのおらさい(およびHMTL5、CSS3の理解)を兼ねて、服部雄樹『HTML & CSSとWebデザインが1冊できちんと身につく本』を手にとりました。

本書のアピールポイントにあるとおり、4つのレイアウトパターン(フル・スクリーン、シングルカラム、2カラム、グリット)がサンプルをもとに学べるようになっています。レスポンシブデザインにもページを割いているので、(内容をすっかり忘れたとしても)Webサイト制作でつまずいた時、参照するには十分な教科書と思います。

Chapter1は、「知っておきたいサイトでデザインの基本」で、Webサイトの仕組みから、Webデザインって何?フォントや色に関する知識まで概説されています。知識をもたない読者のための導入部ですね。カラーで図解されていて理解が進むと思います(その分、本書はいいお値段がします)。

Chapter2は、「サイト制作の前に準備しておくこと」で、本書で使うエディター Branckets のインストールと使い方、実習用サンプルの概要が記載されています。

Chapter3「知っておきたいHTMLのきほんと書き方」で、そもそもHTMLとは、Chapter4「知っておきたいCSSのきほんと書き方」で、そもそもCSSとはが記載されています。ここまでは、既に知識をお持ちの方には不要でしょうか。分かりやすいかどうかは別として、ネットで地道に調べれば得られる内容とは思います。自分は、Webフォントについて曖昧だったので、この説明は有益でした。

Chapter4までで122ページ(索引を含む全ページ287)なので、ここにメリットを見出せないなら、他の書籍をあたった方が良いかもしれません。

Chapter5は、「フルスクリーンページを制作する」で、ここから実習が始まります。サンプルコードを使いながら読み進めると、HTMLやCSSの変更で、実際に見た目がどう変化していくのかが体感できるでしょう。Chapter6「シングルカラムページを制作する」、Chapter7「2カラムぺージを制作する」、Chapter8「グリッドレイアウトページの制作と動画の埋め込み」とレイアウトパターンに毎に実習が進みます。それぞれの特性にあわせたデザイン上のポイントが明示されているのが嬉しいですね。

Chapter9「問い合わせページを制作する」、Chapter10「マルチデバイス対応ページを制作する」までで実習は完了です。 CGI、PHP等、プログラミングの詳細はありませんので、こちらは別の書籍を参考にすることになります。

自分は、ネットを調べながらWordPressのHTMLやCSSに手を加えているのですが、そもそもコレなんだっけ?に立ち戻るには良い書籍です。ただ、 (どの書籍も同様ですが) お困り事からインデックスを探すことは難しいので、巻末のHTMLのタグやCSSのプロパティから記載ページを参照する使い方をしています。

この手の書籍は、慣れればネットで十分なのでしょうが、本を置いておくと安心する自分のようなひといますよね。

  • その他のWebサイト制作の参考書については関連記事をご覧ください。