＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが，本書は体系立てた文法学習よりも，まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。
架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら，基本的なHTML要素/CSSの基本構造（セレクタ，プロパティ，値）を学ぶことができ，レイアウトのテクニックやデザイン（Webデザイン＆レスポンシブデザイン）の基本も身につきます。
＜本書のポイント＞チュートリアル学習では，PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます定番となったflexbox，displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます横スクロールするレイアウト，アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます「動画コンテンツページ」「ネットショップページ」も制作します＜綴じ込み特典つき＞付録（1）デザインのバリエーションが学べる！「レスポンシブデザインのネタ帖」付録（2）インターン，就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」