吉田 真麻（著）
※1点の税込金額となります。 複数の商品をご購入いただいた場合のお支払金額は、 単品の税込金額の合計額とは異なる場合がございますので、予めご了承ください。
本書は、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 スマートフォン対応のコーディング
きゅろ さん
2018-07-05
他の方も書いているように中級者向けの本。 日頃Wordpressを使ってWEBサイトを更新し、CSSは検索して見つけたコードをコピペして使っていましたが、 それで目にしていたプロパティの解説を読んで勉強になりました。 辞典みたいにばーっと羅列してあるのではなく、コーディングしていきながら解説されているので、 実際に使っていく過程をイメージできました。 今後は見つけたコードをもっと気軽に自分でカスタマイズしていけそうです。
ｋｓｋ さん
2018-01-23
中級者以上向けの本。３つの事例を作りながら学んでいく本でわかりやすく、なかなかいい本であった。 問題も章末にあるので腕試しにもなる。
Predora さん
2019-08-18
タイトルの通り、3つの代表的なレイアウトの実装例を書いた本。例がかなり実用的なので、似たレイアウトであれば内容が異なっていても実装できるように作られていて良かった。また、書きながら読み進める形式で、身に付くように作られているのも良かった。
[キャンペーン]【5/7まで】GW電子書籍40%ポイント還元セール
[特集]保育士を目指している方にも、すでに保育現場で働き始めている方に…
[特集]ビジネスマナー、仕事術を身に付けるならこの一冊！おすすめビジネ…
[特集]新試験に完全対応！大好評の簿記学習テキスト「パブロフ流でみんな…
[特集]テキスト生成、画像生成、動画生成など、生成AI活用のスキルが身…
[特集]リラックスのコツや生活習慣の改善、病気との向き合い方など、メン…
お気に入りに登録すると、気になる商品ページにすばやくアクセスできます。ご利用にはログインが必要です。
