HTML/CSSをはじめて学習する方に向けた入門書です。
サンプルサイトを作りながら、
そのサイトを作るために必要な知識について、
ひとつひとつ 手順を踏んで学習していく形式だからわかりやすい。
サンプルサイトは、著者らが主催する「komorikomasha」というグループが制作した作品を紹介するサイトです。
シンプルなデザインですが、一般的なウェブサイトの構成にあわせて必要となる知識を学習できるように、ポイントを押さえた作りになっています。
- ※サンプルとして作成した「komorikomasha」は、著者らのサイトとして実際に公開し、更新・運用しています。
初版〜第7版までご購入した方へ - 重要な訂正 -
P85（border-collapseについて）
本書で紹介している配布ファイル（normalize.css）が執筆後にバージョンアップし、border-collapseに関する記述が削除されました。
※第8版では修正されています。
初版〜第3版までご購入した方へ - 重要な訂正 -
本書で紹介している配布ファイル（jQueryとnormalize.css）が、執筆後にバージョンアップしたため、書籍内とは実際のブラウザの表示や挙動と異なってしまった部分があります。下記ページを読み進める際には、以下の点にご注意ください。
※第4版では修正されています。
P278（8-1-3 jQueryプラグインでスライドショーを作る 手順2）
第3版をお持ちの方：
過去バージョンのjQuery（1.10.1）が、書籍内のスクリーンショットの位置から移動しました。
初版・第2版をお持ちの方：
最新バージョンのjQuery（1.11.0）では、手順4で登場するプラグイン「bxSlider」の挙動が安定せず、スライドショーの2枚目で突っかかります。
P104（4-2-3 図版にキャプションを挿入する）
初版・第2版をお持ちの方：
ブラウザ出力結果[portfolio/01.html]の表示と実際ブラウザ表示が異なり、画像（figureタグ）の上下左右に余白があります。
※第3版以降では訂正されています
-
1ひとつひとつの手順について何のために行うのかを説明
はじめてウェブサイトを作ろうと思うと、HTML/CSSのタグなどの意味を知っているだけでは応用するのが難しく、なかなか思い通りに作ることができないと感じることが多いのではないでしょうか。
本書では、サンプルサイトを作りながら、そのサイトを作るために必要な知識について、ひとつひとつ手順を踏んで学習していく形式となっていますので、実際にどのように作るのかがわかりやすくなっています。 -
2実践的なソースコードの解説
サンプルサイトは、プロの現場でよく利用されるテクニックを中心に徹底的に解説しています。一見シンプルなデザインですが、その中には基本的な知識がぎっしり詰まっています。
ウェブを取り巻く環境は日々進化していきます。その変化にともなってHTML/CSSも進化し、現在の最新バージョンはHTML5/CSS3となりました。
本書では、これからのウェブサイト制作に必要な最新テクニックも押さえつつ、自然とHTML/CSSの基礎が身に付くように構成しました。 -
3HTML/CSS以外のウェブ制作に必要な必須知識についても解説
HTML/CSSの学習が少し進むと、「ちゃんとしたウェブサイト」を作れるようになるためには、HTML/CSSの知識だけでは足りないということに気づくことでしょう。
本書では、はじめての制作でもつまづくことがないように、HTML/CSSを学習する上で必須となる知識についても、正しく理解できるようにしています。
「作りながら学ぶ HTML/CSSデザインの教科書」オンライン購入は、下記サイトから可能です。
kindle版は下記URLよりご購入ください。
