ＷＥＢ Ｅｎｇｉｎｅｅｒ’ｓ Ｂｏｏｋｓ ＨＴＭＬ５／ＣＳＳ３モダンコーディング―フロントエンドエンジニアが教える３つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方

個数：

電子版価格
¥2,948

電子版あり

ＷＥＢ　Ｅｎｇｉｎｅｅｒ’ｓ　Ｂｏｏｋｓ
ＨＴＭＬ５／ＣＳＳ３モダンコーディング―フロントエンドエンジニアが教える３つの本格レイアウト　スタンダード・グリッド・シングルページレイアウトの作り方

吉田真麻【著】
価格 ¥2,948（本体¥2,680）
翔泳社（2015/11発売）
ポイント 26pt

ウェブストアに1冊在庫がございます。（2026年07月22日 23時01分現在）
通常、ご注文翌日～2日後に出荷されます。
出荷予定日とご注意事項
※上記を必ずご確認ください

【ご注意事項】 ※必ずお読みください
◆在庫数は刻々と変動しており、ご注文手続き中に減ることもございます。
◆在庫数以上の数量をご注文の場合には、超過した分はお取り寄せとなり日数がかかります。入手できないこともございます。
◆事情により出荷が遅れる場合がございます。
◆お届け日のご指定は承っておりません。
◆「帯」はお付けできない場合がございます。
◆画像の表紙や帯等は実物とは異なる場合があります。
◆特に表記のない限り特典はありません。
◆別冊解答などの付属品はお付けできない場合がございます。
●3Dセキュア導入とクレジットカードによるお支払いについて
●店舗受取サービス（送料無料）もご利用いただけます。
ご注文ステップ「お届け先情報設定」にてお受け取り店をご指定ください。尚、受取店舗限定の特典はお付けできません。詳細はこちら

サイズ B5判／ページ数 247p／高さ 25cm
商品コード 9784798141572
NDC分類 547.48
Cコード C3055

出版社内容情報

HTML5/CSS3を使ってスタンダード・グリッド・シングルページレイアウトの3サイトを制作し実践的なコーディングを学ぶ！

フロントエンドエンジニアから学ぶ制作現場の実践的なテクニック！

本書は、HTML5/CSS3を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。

現在主流なWebページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した3つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。

実際のWeb 制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、HTML5/CSS3の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

3つのサイトを作成することで、「本格的なレイアウトのサイトを作れた」「こういったレイアウトの場合こうコーディングすればいいという具体的なテクニックがわかった」というような手応えを得やすく、学ぶことへのモチベーションが下がらずに高まる構成にしています。

駆け出しのフロントエンドエンジニアや、HTML/CSSコーディングに興味はあっても実践の機会がないデザイナー、バックエンドエンジニアなどが、実際にサイトを作ることを通してスキルアップすることを目標とした一冊です。

PART0　イントロダクション
　A　本書で作成するサイト
　B　コーディングの進め方
　C　デベロッパーツールの使い方
　D　本書の読み方
PART1　スタンダードレイアウト
　01　このPARTで作るサイト
　02　ベースのコーディング
　03　ヘッダーのコーディング
　04　メイン領域のコーディング
　05　サイドメニューのコーディング
　06　フッターのコーディング
PART2　グリッドレイアウト
　07　このPARTで作るサイト
　08　ベースのコーディング
　09　ボックスのコーディング
　10　中ボックスと大ボックスのコーディング
　11　ナビゲーションのコーディング
PART3　シングルページレイアウト
　12　このPARTで作るサイト
　13　ベースのコーディング
　14　ヘッダーのコーディング
　15　セクション1（ABOUT ME）のコーディング
　16　セクション2（WORKS）のコーディング
　17　セクション3（MY SKILLS）のコーディング
　18　セクション4（CONTACT）とフッターのコーディング
　19　スマートフォン対応の下準備
　20　スマートフォン対応のコーディング

内容説明

本書は、ＨＴＭＬ５／ＣＳＳ３を使ってモダンなサイトを制作するためのコーディングテクニックをハンズオン形式で学ぶ書籍です。現在主流のＷｅｂページのデザインスタイル、「スタンダードレイアウト」「グリッドレイアウト」「シングルページレイアウト」を適用した３つのサイトを作りながら、各スタイルの特徴や使い分け、コーディングテクニックを学びます。実際のＷｅｂ制作の現場と同様に、サイトのデザインを基にして骨格を見極め、枠組みから中身までひと通りコーディングするというフローをなぞることで、ＨＴＭＬ５／ＣＳＳ３の実用的なコーディングスキルやテクニックを無理なく身につけることができます。

０　イントロダクション（本書で作成するサイト；コーディングの進め方　ほか）
１　スタンダードレイアウト（このＰＡＲＴで作るサイト；ベースのコーディング　ほか）
２　グリッドレイアウト（このＰＡＲＴで作るサイト；ベースのコーディング　ほか）
３　シングルページレイアウト（このＰＡＲＴで作るサイト；ベースのコーディング　ほか）
ＡＰＰＥＮＤＩＸ　セルフコーディングにチャレンジ　コーディング例

著者等紹介

吉田真麻［ヨシダマアサ］
１９９１年生まれ。中学時代に個人のモバイルサイトを作ったことがきっかけでＨＴＭＬ／ＣＳＳコーディングの面白さを知り、高校・大学と学業のかたわら趣味仕事問わず複数のサイト制作を行なう。１９歳の頃から本格的にＷｅｂ制作業に就き、その後ＰＨＰとＪａｖａＳｃｒｉｐｔに出会ってプログラミングに目覚める。現在の活動は主にフロントエンドエンジニアとして、ＨＴＭＬ／ＣＳＳ／ＪａｖａＳｃｒｉｐｔでのシングルページアプリケーションの開発や個人のプロダクト制作、イベント登壇など（本データはこの書籍が刊行された当時に掲載されていたものです）
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。