• Amazonで購入

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

HTML&CSS初心者でも、CSSグリッドをベースにモバイルファーストで本格的なレスポンシブ対応のWebページを制作するための一冊

著者
エビスコム
定価
2,808円(本体価格 2,600円)
発売日
2018年12月25日
判型/ページ数
B5変形/320(オール4C)
ISBN
9784802611893
備考
-

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 画像編集ツール

この書籍の購入

  • Amazonで購入する