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

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

• 要旨（「BOOK」データベースより）

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

• 目次

  ■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　（もう一歩）下層ページを作成

• 出版社からのコメント

  HTML/CSS初心者がさらにステップアップするための学習書。Webサイトをブロック単位に分解してコーディングを学びます。

• 内容紹介

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

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

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

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

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

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

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

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

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

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

• 著者紹介（「BOOK著者紹介情報」より）（本データはこの書籍が刊行された当時に掲載されていたものです）

  笠井 枝理依(カサイ エリイ)
  新卒で法人営業として働いた後、スクールに通うことなくＨＴＭＬ／ＣＳＳを習得し、マークアップエンジニアに転身。１年間日本企業で勤めた後、すぐカナダのバンクーバーに移住し、現地のＩＴ企業を渡り歩く。現在はコミュニティカレッジで世界各国からの留学生を相手に、Ｗｅｂ開発やＵＩ／ＵＸデザインについて教えつつ、フリーランスのＵＩ／ＵＸデベロッパー兼デザイナーとしても精力的に活動中

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