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

技術評論社
服部雄樹　

• 価格: 2,860円（本体2,600円＋税）
• 発行年月: 2022年01月
• 判型: Ｂ５
• ISBN: 9784297125103

内容情報

[BOOKデータベースより]

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

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

[日販商品データベースより]

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