ＨＴＭＬ／ＣＳＳブロックコーディング　デザインをすらすら再現できる

Ｗｅｂサイトを分解→組み立て！本格的なＷｅｂ制作を追体験して、脱初心者を目指そう。タグやプロパティは覚えたけれど、いざコードを書こうとすると、つい手が止まってしまう…。もしあなたがこんな悩みをお持ちなら、本書はぴったりの一冊です。本書は、モックアップをもとに、サイトの構成要素をブロック単位に分解し、ひとつずつコーディングして組み立てるという本格的なＷｅｂ制作さながらのプロセスをハンズオン形式で実践学習します。

Webサイトを【分解】→【組み立て】！
本格的なWeb制作を追体験して、脱初心者を目指そう

Webサイト制作を始めたばかりのHTML/CSS初心者の前には、
さまざまな壁が立ちはだかります。

「デザインを思い通りに再現できない」
「タグやプロパティの組み合わせ方がわからない」
「ページを組み立てる流れがイメージできない」

もしあなたがこんな課題を抱えていて、
コードを書く手が思うように進まない…と悩んでいるなら、
本書はぴったりの一冊です。

本書は、モックアップ（サイトのデザインラフ）をもとに、
サイトの構成要素を【ブロック分解】してから、
ひとつずつコーディングして【組み立てる】…という
本格的なWeb制作さながらのプロセスを、ハンズオンで学習します。

【分解】するから、
・サイトデザインの細かな意図
・デザイナーが配慮しているポイント　がわかります。

【組み立て】ながら、
・Web制作の一連の流れ
・サイトの具体的な作り込みかた　がわかります。

ひとつのサイトを完成形まで作り込む流れを通じて、
デザインラフを的確に再現するための
実践的なコーディングテクニックが無理なく習得できます。

■こんなあなたにおすすめ！
・HTML/CSSの入門書を一冊読み終えた初級者
・実践的なコーディングテクニックが知りたい、駆け出しのWeb系エンジニア
・オリジナルのWebサイトを作るための力をつけたい学習者、再入門者

■目次
Ch01　モックアップをブロック分解
Ch02　ファイルの準備
Ch03　HTMLのコーディング準備
Ch04　HTMLのコーディング
Ch05　CSSのコーディング準備
Ch06　CSSのコーディング
Ch07　CSSでのレスポンシブ対応
Ch08　自分のプロフィールページへ

目次

■Ch01　モックアップをブロック分解
1-1　モックアップとは
1-2　モックアップはこうして渡される
1-3　初心者がコーディングでつまずきがちなこと
1-4　サイトを構成する基本要素
1-5　モバイル版のブロック分解
1-6　タブレット版のブロック分解
1-7　ラップトップ版のブロック分解

■Ch02　ファイルの準備
2-1　ファイル構成
2-2　画像の確認
2-3　normalize.cssとreset.css

■Ch03　HTMLのコーディング準備
3-1　分解したモックアップの確認（HTML）
3-2　レスホ?ンシフ?対応する上て?確認すること
3-3　ホ?トムアッフ?のアフ?ローチ方法
3-4　トッフ?タ?ウンのアフ?ローチ方法
3-5　今回のアフ?ローチ方法を考える

■Ch04　HTMLのコーディング
4-1　骨組みのコーディング
4-2　ベースのコーディング
4-3　Headerのコーディング
4-4　Mainのコーディング
4-5　Footerのコーディング
4-6　ナヒ?ケ?ーションの設定

■Ch05　CSSのコーディング準備
5-1　分解したモックアップの確認（CSS）
5-2　デザイナーに確認しておきたいこと
5-3　ファイルの準備
5-4　スタイリングする際に気にかけること

■Ch06　CSSのコーディング
6-1　ベースのコーディング
6-2　共通クラスのコーディング
6-3　Headerのコーディング
6-4　Mainのコーディング
6-5　Footerのコーディング

■Ch07　CSSでのレスポンシブ対応
7-1　モハ?イル版のコーテ?ィンク?
7-2　タブレット版のコーテ?ィンク?
7-3　ラップトップ版のコーテ?ィンク?
7-4　リファクタリング

■Ch08　自分のプロフィールページへ
8-1　コンテンツの差し替え
8-2　カラーパレット作成
8-3　（もう一歩）下層ページを作成

本の帯に関して

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

版・表紙について

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