ＨＴＭＬ　＆　ＣＳＳとＷｅｂデザインが１冊できちんと身につく本「増補改訂版」

「５つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作の基本が学べる！ライブ感のあるチュートリアル学習により、まるでＷｅｂデザイン会社でＯＪＴ（オン・ザ・ジョブ・トレーニング）を受けているような体験型の独習書です。

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

目次

知っておきたいサイトとデザインのきほん知識
サイト制作の前に準備しておくこと
知っておきたいＨＴＭＬのきほんと書き方
知っておきたいＣＳＳのきほんと書き方
知っておきたいレスポンシブデザインのきほんと書き方
フルスクリーンレイアウトを制作する
フレックスボックスレイアウトを制作する
シングルカラムで動画コンテンツページを制作する
グリッドで格子状レイアウトを制作する
２カラムでショップページを制作する
Ｇｏｏｇｌｅマップ付きの問い合わせページを制作する
オリジナルのポートフォリオサイトに改変してみよう

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。