著者服部雄樹(著)出版社技術評論社発売日2022年01月ISBN9784297125103ページ数383Pキーワードえいちていえむえるあんどしーえすえすとうえぶでざい エイチテイエムエルアンドシーエスエストウエブデザイ はつとり ゆうき ハツトリ ユウキ9784297125103内容紹介＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。
架空のカフェのショップ紹介＆ネットショップサイトをチュートリアル形式で作成しながら、基本的なHTML要素／CSSの基本構造（セレクタ、プロパティ、値）を学ぶことができ、レイアウトのテクニックやデザイン（Webデザイン＆レスポンシブデザイン）の基本も身につきます。
＜本書のポイント＞・チュートリアル学習では、PC版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます・定番となったflexbox、displayを使ったレイアウト手法の基礎から実践まで丁寧に解説します・「フルスクリーン」「フレックスボックス」「シングルカラム」「2カラム」「グリッド」の5種類のレイアウトパターンを学習できます・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます・「動画コンテンツページ」「ネットショップページ」も制作します＜綴じ込み特典つき＞付録(1)デザインのバリエーションが学べる！「レスポンシブデザインのネタ帖」付録(2)インターン、就転職に役立つ！「ポートフォリオ用アレンジのネタ帖」※本データはこの商品が発売された時点の情報です。
目次知っておきたいサイトとデザインのきほん知識/サイト制作の前に準備しておくこと/知っておきたいHTMLのきほんと書き方/知っておきたいCSSのきほんと書き方/知っておきたいレスポンシブデザインのきほんと書き方/フルスクリーンレイアウトを制作する/フレックスボックスレイアウトを制作する/シングルカラムで動画コンテンツページを制作する/グリッドで格子状レイアウトを制作する/2カラムでショップページを制作する/Googleマップ付きの問い合わせページを制作する/オリジナルのポートフォリオサイトに改変してみよう