プロの「引き出し」を増やす HTML+CSSコーディングの強化書

試し読み

プロの「引き出し」を増やす　HTML+CSSコーディングの強化書

草野あけみ　著

定価 3,190円
（本体 2,900円＋税10%） ※電子書籍の価格は各販売ストアにてご確認ください｡

紙の本を買う

紙の書籍を購入

電子版を買う

電子書籍版を購入
- Kindle
- 楽天kobo

発売日	：2021-11-29
仕様	：B5変形判／352P
ISBN	：978-4-295-20208-0

HTML・CSSの基本は覚えたけれど、デザインカンプから情報を読み取って、イチからコーディングするのはまだ無理……。初心者を脱して、コーダー／マークアップエンジニアとして制作現場でバリバリ活躍する力をつけたい。本書はそんな方に向けたものです。

初心者の方が、制作現場で通用する“コーディング力”を強化するには、豊富なパターンの実践練習を繰り返すのが、遠いようで一番の近道。そのために、本書は150通り以上のサンプルを使って、HTML+CSSのコーディング練習を積み重ねるスタイルとなっています。

6章構成で、基礎固めをしながら、できるだけ効率よく実務レベルの知識やスキルを身につけられるよう、小さな単位のサンプルを数多く盛り込みました。小さな課題をたくさんこなす中で、現場の実務で遭遇するような“少し難しい課題”も自力で解決する力がつくよう構成しています。

また、各章で学んだことをアウトプットできるよう、章末に各自で取り組むための練習問題（EXERCISE）も用意しています。

本書を通して、実際に手を動かしながら課題に取り組むことで、“コーディング力”が確実にアップしますので、ぜひチャレンジしてみてください！

■ページ見本

■INTRODUCTION　事前準備と前提知識

------------------------------------------------------------
■CHAPTER 1　基本レイアウト
------------------------------------------------------------
LESSON 01　番簡単なレスポンシブ
LESSON 02　メディアクエリで段組み切替
LESSON 03　要素の横並びと左右中央揃え
LESSON 04　基本のカード型レイアウト
LESSON 05　3つのレイアウト手法とその使い分け
EXERCISE 01　レスポンシブコーディングの基本をマスター

------------------------------------------------------------
■CHAPTER 2　応用レイアウト
------------------------------------------------------------
LESSON 06　アスペクト比固定ボックス
LESSON 07　カード型レイアウト
LESSON 08　市松レイアウト
LESSON 09　背景色エリア
LESSON 10　ブロークングリッドレイアウト
EXERCISE 02　レスポンシブコーディングの応用をマスター

------------------------------------------------------------
■CHAPTER 3　表組み・フォーム
------------------------------------------------------------
LESSON 11　表組みのレスポンシブ対応
LESSON 12　フォーム部品の実装
LESSON 13　入力フォームのレイアウト
EXERCISE 03　表組み・フォームをマスター

------------------------------------------------------------
■CHAPTER 4　CSS設計
------------------------------------------------------------
LESSON 14　CSS設計とは
LESSON 15　ヘッダーの設計を考える
LESSON 16　カード型一覧の設計を考える
LESSON 17　ボタンの設計を考える
LESSON 18　見出しの設計を考える
LESSON 19　余白の設計を考える
EXERCISE 04　CSS 設計にチャレンジしてみよう

------------------------------------------------------------
■CHAPTER 5　マークアップ
------------------------------------------------------------
LESSON 20　マークアップの役割
LESSON 21　アクセシビリティに配慮したマークアップ
LESSON 22　WAI-ARIAによるスクリーンリーダー対応
EXERCISE 05　アクセシビリティに配慮したマークアップをマスター

------------------------------------------------------------
■CHAPTER 6　総合演習
------------------------------------------------------------
LESSON 23　オリジナルサイトを構築する

巻末：用語索引