CSSグリッドで作る　HTML5&CSS3レッスンブック

CSSグリッドをベースにすると、
Webページ制作がとてもシンプルになる一方で、
制作にはこれまでと異なる知識体系が求められます。

そこで登場したのが、本書、
CSSグリッドをベースとしてWebベージを制作する、
まったく新しいレッスンブックです。

本書を読めば、HTML&CSS初心者でも、
モバイルファーストで本格的なレスポンシブ対応の
Webページを制作できるようになります。

まさに、いまどきのHTML&CSSを学習するための
新しい時代のレッスンブックと言えるでしょう。

CHAPTER1

HTMLでマークアップする
1-1　トップページの作成
1-2　HTMLファイルの作成
1-3　HTMLの基本設定
1-4　パーツの記述

CHAPTER2

CSSでレイアウトをはじめる
2-1　モバイルファーストでレイアウトをはじめる
2-2　CSSを用意する
2-3　グリッドを作成する
2-4　パーツの配置を調整する

CHAPTER3

パーツの見栄えを整える – 基本
3-1　フォントの設定を行う
3-2　ヘッダー(サイト名)の見栄えを整える
3-3　ナビゲーションメニューのリンクを横に並べる
3-4　ナビゲーションメニューのリンクの見栄えを整える

CHAPTER4

パーツの見栄えを整える – ボックス
4-1　ヒーローイメージの大きさや明るさを調整する
4-2　タイトルの見栄えを整える
4-3　サブタイトルの見栄えを整える
4-4　リンクをボタンの形にする

CHAPTER5

パーツの見栄えを整える – 応用
5-1　記事一覧を2列にレイアウトする
5-2　フッターをバーの形にする
5-3　Webフォントを利用する
5-4　文法チェックを行う

CHAPTER6

レスポンシブにする
6-1　レスポンシブにする方法
6-2　PC版のレイアウトを設定する準備
6-3　PC版のグリッドを作成する
6-4　パーツの配置や見栄えを整える
6-5　より大きい画面での見栄えを整える
6-6　モバイル版とPC版のレイアウトを切り替える

CHAPTER7

ページを増やす
7-1　記事ページを作成する
7-2　記事とメニューを追加する
7-3　記事の見栄えを整える
7-4　アイコンフォントを利用する
7-5　サブメニューの見栄えを整える
7-6　レスポンシブにする
7-7　テキストの自動拡大機能を無効化する
7-8　サイト名にトップページへのリンクを設定する

CHAPTER8

テーブルとフォームを作成する
8-1　テーブルを作成する
8-2　投稿フォームを作成する
8-3　投稿フォームの見栄えを整える

APPENDIX A　サイトを公開する
APPENDIX B　テキストエディタ
APPENDIX C　画像編集ツール