いちばんよくわかるHTML5&CSS3デザインきちんと入門

狩野祐東

【わかりやすさで大好評の狩野本!】
【これから本気で学びたい人の最高の教科書!】

HTML・CSSをなんとなくではなく、きちんと理解して書けるようになりたい人のための解説書が登場です。
HTML・CSSの機能について基礎をしっかり解説し、さらに現場での実践的な使い方をたくさんのサンプルとともに示します。
最終的にはページ全体のレイアウトから、フレックスボックスを利用したレスポンシブWebデザインの作り方にまで到達します。

<このような方にお勧めします>

・これからWebサイト制作を学びたい初心者の方
・簡単なページは作れるようになったけれどHTML・CSSの理解に自信がない方
・最新のHTML・CSSの書き方を知りたい経験者の方

<目次>

CHAPTER 1 Webサイトの仕組みを知ろう
● Webサイトが表示される仕組み
● URL
● Webサイトに使われるファイルの種類
● Webサイトのファイル・フォルダ構造
● Webサイトの制作環境を整えよう

CHAPTER 2 HTMLの基礎知識とマークアップの実践例
● HTMLとは
● HTMLの書式
● HTMLドキュメントの構造
● マークアップの考え方トレーニング

CHAPTER 3 CSSの基礎知識とページデザインの実践例
● CSSの基礎知識
● CSSの書式
● ページにCSSを適用するトレーニング

CHAPTER 4 テキストの装飾
● 見出しや本文のフォントサイズを調整する
● 読みやすい行間にする
● 段落のテキストをリード文だけ太字にする
● 表示するフォントを設定する
● テキストの行揃えを変更する
● 2行目以降を1文字下げる
● テキスト色を変更する
● 見出しにサブタイトルをつける

CHAPTER 5 リンクの設定と画像の表示
● テキストにリンクを追加する
● テキストリンクにCSSを適用する
● 画像を表示する
● 画像にリンクをつける
● 画像にテキストを回り込ませる

CHAPTER 6 ボックスと情報の整理
● インラインボックスとブロックボックス
● 箇条書き(リスト)のマークアップ
● リストを情報の整理に使う
● 上手な<div>の使い方
● CSSのボックスモデル
● パディング、ボーダーの設定
● 2つ以上のボックスを並べる
● ボックスのデザインを調整する

CHAPTER 7 テーブル
● テーブルを作成する
● アクセシビリティを考慮したテーブル
● テーブルのデザインバリエーション

CHAPTER 8 フォーム
● フォームとデータを送受信する仕組み
● さまざまなフォーム部品
● 標準的なフォームの例

CHAPTER 9 ページ全体のレイアウトとナビゲーション
● 実践的なコーディングのために知っておきたいCSSの知識
● シングルコラムレイアウト
● フレックスボックスを使ったコラムレイアウト
● ナビゲーションメニューを作成する

CHAPTER 10 レスポンシブWebデザインのページを作成しよう
● レスポンシブWebデザインとは
● レスポンシブWebデザインのサイトを作る