いちばんよくわかる HTML5 ＆ CSS3 デザインきちんと入門(イチバンヨクワカルエイチティーエムエルファイブアンドシーエスエススリーデザインキチントニュウモン)

レスポンシブ Web デザインが“当たり前”の時代の、新しい HTML ・ CSS の書き方ガイド

現在の HTML ・ CSS の書き方は、少し前までの HTML ・ CSS の書き方とは大きく変わっています。本書ではスマートフォン時代に求められる、 HTML を組むときの考え方から CSS の実践的なテクニックまでをきちんと解説。たくさんのサンプルコードに触れていただくことで、最新の、実践で役立つ力がきちんと身につきます。

＜本書の対象読者＞
● これから Web サイト制作を学びたい初心者の方
● 最新の HTML ・ CSS の書き方を知りたい経験者の方
● フレックスボックスを使ったページレイアウトについて知りたい方
CHAPTER 1 Web サイトの仕組みを知ろう

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

CHAPTER 2 HTML の基礎知識とマークアップの実践例

SECTION 1 HTML とは
SECTION 2 HTML の書式
SECTION 3 HTML ドキュメントの構造
SECTION 4 マークアップの考え方トレーニング

CHAPTER 3 CSS の基礎知識とページデザインの実践例

SECTION 1 CSS の基礎知識
SECTION 2 CSS の書式
SECTION 3 ページに CSS を適用するトレーニング

CHAPTER 4 テキストの装飾

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

CHAPTER 5 リンクの設定と画像の表示

SECTION 1 テキストにリンクを追加する
SECTION 2 テキストリンクに CSS を適用する
SECTION 3 画像を表示する
SECTION 4 画像にリンクをつける
SECTION 5 画像にテキストを回り込ませる

CHAPTER 6 ボックスと情報の整理

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

CHAPTER 7 テーブル

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

CHAPTER 8 フォーム

SECTION 1 フォームとデータを送受信する仕組み
SECTION 2 さまざまなフォーム部品
SECTION 3 標準的なフォームの例

CHAPTER 9 ページ全体のレイアウトとナビゲーション

SECTION 1 実践的なコーディングのために知っておきたい CSS の知識
SECTION 2 シングルコラムレイアウト
SECTION 3 フレックスボックスを使ったコラムレイアウト
SECTION 4 ナビゲーションメニューを作成する

CHAPTER 10 レスポンシブ Web デザインのページを作成しよう

SECTION 1 レスポンシブ Web デザインとは
SECTION 2 レスポンシブ Web デザインのサイトを作る