Follow #ソシム販売部Twitterアイコン

  

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

エビスコム

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

定価
2,860円(本体価格 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 画像編集ツール

ダウンロードデータ

本書で解説したサンプルデータをダウンロードできます。 なお、使用方法などに関しては、必ず書籍の該当箇所をご確認の上、ご利用ください。 ダウンロード後、解凍したファイル内に「readme.txt」ファイルなどが含まれる場合は、使用前にこちらもご確認ください。

正誤情報

お問い合わせ

本書に関するお問い合わせは、下記のボタンをクリックしてお問い合わせフォームよりお問い合わせください。

この書籍を問い合わせる

[ この書籍をシェアする ]

関連する書籍

カテゴリから本を探す

シリーズから本を探す

本を探す