プロのコーディングが身につくＨＴＭＬ／ＣＳＳスキルアップレッスン すぐに活かせてずっと役立つ現場のテ

翔泳社
千貫りこ　

• 価格: 2,750円（本体2,500円＋税）
• 発行年月: 2023年01月
• 判型: Ｂ５
• ISBN: 9784798173009

内容情報

[BOOKデータベースより]

本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。

Ｌｅｓｓｏｎ１　デザインカンプを正しく理解する
Ｌｅｓｓｏｎ２　プレーンなＨＴＭＬを作成する
Ｌｅｓｓｏｎ３　デザイン実装のための情報を追加する
Ｌｅｓｓｏｎ４　ページのレイアウトを実装する
Ｌｅｓｓｏｎ５　パーツのデザインを作り込む
Ｌｅｓｓｏｎ６　レスポンシブ対応する
Ｌｅｓｓｏｎ７　ワンランク上のコーディングを目指す

[日販商品データベースより]

脱・その場しのぎのコーディング！
現場で迷わない実務レベルのテクニックを身につける

HTML/CSSの知識をひと通り身につけて、デザインカンプ通りの実装ができるようになっても、実際の制作現場では、コーディングの選択肢に迷う場面が多々あります。

タグやプロパティについて「どうしてそれを選んだのか」と聞かれたとき、あなたは自信を持って答えることができるでしょうか？

レイアウト手法について、いつも手癖で慣れたものを採用していて、本当にこのアプローチが最適なのか、不安を感じることはありませんか？

本書は、入門レベルの知識だけでは切り崩せない、実務ならではのコーディングの悩み・課題を、プロの視点で解説します。仕様書を読むだけでは得られない「現場の経験則」をもとに、状況や目的に応じた、知識の組み合わせ方・選択肢の選び取り方がわかります。

Web制作には無数ともいえるアプローチがあり、ただなんとなく知識を蓄えているだけでは、実務で求められるコーディングの攻略は困難です。本書を読んで「ただ知っているだけの知識」を「現場で活かせるスキルと自信」に変えましょう。

■解説トピック
・sectionとarticle、どのように使い分ける？
・background-imageではなく、imgを使うべき画像とは？
・カラムレイアウトに適しているのは、float・flex・gridのどれ？
・Class名の位置はどのように判断すればいい？
・運用しやすいコードを書くためには何に配慮する？　　…など

■本書のおすすめポイント
・実際の制作の流れに沿って工程ごとのポイントが理解できる
・キャラクターによるガイドでわかりやすく読み進められる
・「練習サンプル」で手を動かしながら理解できる

■対象読者
・実務で通用するスキルを身につけたいWeb制作会社の新人
・Web制作の仕事に就きたい学生、社会人
・指示される通りのコーディングから脱して、よりよい書き方を知りたい初級者

■目次
Lesson1　デザインカンプを正しく理解する
Lesson2　プレーンなHTMLを作成する
Lesson3　デザイン実装のための情報を追加する
Lesson4　ページのレイアウトを実装する
Lesson5　パーツのデザインを作り込む
Lesson6　レスポンシブ対応する
Lesson7　ワンランク上のコーディングを目指す