HTML5 ／ CSS3 モダンコーディング(エイチティーエムエル ファイブ シーエスエス スリー モダン コーディング)

フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック!

本書は、 HTML5/CSS3 を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。

現在主流な Web ページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した 3 つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。

実際の Web 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、 HTML5/CSS3 の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

3 つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。

駆け出しのフロントエンドエンジニアや、 HTML/CSS コーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。

PART0 イントロダクション
A 本書で作成するサイト
B コーディングの進め方
C デベロッパーツールの使い方
D 本書の読み方
PART1 スタンダードレイアウト
01 この PART で作るサイト
02 ベースのコーディング
03 ヘッダーのコーディング
04 メイン領域のコーディング
05 サイドメニューのコーディング
06 フッターのコーディング
PART2 グリッドレイアウト
07 この PART で作るサイト
08 ベースのコーディング
09 ボックスのコーディング
10 中ボックスと大ボックスのコーディング
11 ナビゲーションのコーディング
PART3 シングルページレイアウト
12 この PART で作るサイト
13 ベースのコーディング
14 ヘッダーのコーディング
15 セクション 1 (ABOUT ME) のコーディング
16 セクション 2 (WORKS) のコーディング
17 セクション 3 (MY SKILLS) のコーディング
18 セクション 4 (CONTACT) とフッターのコーディング
19 スマートフォン対応の下準備
20 スマートフォン対応のコーディング