HTML/CSSブロックコーディング デザインをすらすら再現できる

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

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

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

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

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

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

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

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

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

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

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

（翔泳社）

コードを書きながら学べる！

Web制作の基本的なステップ通りに、ハンズオン形式でコードを書きながら学んでいけます。

デザイナーの視点も解説！

デザインからHTML/CSSにどのように落とし込んだらいいのかが理解できます。

現場で役立つノウハウも伝授！

現場で即戦力になるためのコツやノウハウ、実際に使われている最新技術も学べます。