これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本

Webサイト制作をこれから学ぶ人へ送る“1冊目”に最適の入門書！【学びをサポートする4大特典つき】

本書は手を動かしてWebサイトを作りながら
HTML/CSSとWebデザインの基本を楽しく学べる入門書です。

初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、
これを読めば必要な基礎知識がひととおり身につきます。

制作できるサイトは計4種。
初歩的な内容から少しずつレベルアップしていき、
Flexboxレイアウト・CSSグリッドレイアウト・
レスポンシブデザイン・CSSアニメーションも作れるようになります。

またコーディングの知識だけではなく、
学習を続ける上での学び方のコツやポイントも紹介。
知識ゼロからスタートした人でも、1冊を読み終えるころには
自ら学習を深めていけるようになるでしょう。


■わかりやすい！楽しい！ポイント
・やさしく要点をおさえた解説
・手を動かして作ることを重視した構成
・おしゃれでバリエーション豊かなサンプルサイト
・豊富な図解とイラスト、キャラクターによるガイド
・重要ポイントの理解を助ける補足動画

■こんな方におすすめ！
・Webサイト制作をゼロから学びたい初心者
・1冊目の入門書を探している人
・Web制作の仕事を目指している人

■学習をサポート！嬉しい4大特典つき
（※翔泳社サイトにて無料のID登録とダウンロードの必要があります）
1.サンプルサイトのデザインデータ（Figma・XD）
- 画像の切り出しや色/数値抽出の練習用に
- デザインファイルの作り方の参考に

2.特典PDF：Webサイトの公開方法
- 最後に必要な公開作業の手順も解説！
- レンタルサーバー/ドメインについてやFTPソフトの使い方

3.制作に役立つおすすめサイト集
- 実際のしごとで使っているサイトを厳選！
- Webデザイン編/コーディング編と合計、約50サイトを紹介

4.初学者必携のチートシート
- 横において学習すると学びやすい！
- Flexboxレイアウト/CSSグリッドレイアウト/CSSのショートハンド/キーボード入力サポートの4種


【目次】
Part1：HTMLを書いてみよう
01章 ウォーミングアップをしよう
02章 HTMLのきほんを学ぼう

Part2：SNSリンク集を作ってみよう
03章 CSSのきほんを学ぼう
04章 SNSリンク集のCSSを書いてみよう

Part3：2カラムページを作ってみよう
05章 ブログサイトのHTMLを書いてみよう
06章 ブログサイトのCSSを書いてみよう

Part4：1カラムページを作ってみよう
07章 Web招待状サイトのHTMLを書いてみよう
08章 Web招待状サイトのCSSを書いてみよう
09章 CSSアニメーションをつけてみよう
10章 レスポンシブウェブデザインに対応させよう

Part5：複数ページのサイトを作ってみよう
11章 制作の流れとWebデザインのきほん
12章 レストランサイトのCSSを書こう（モバイル）
13章 レストランサイトのCSSを書こう（PC）
14章 参考サイトの活用方法を学ぼう
15章 Webサイトを公開する準備をしよう