HTML & CSS と Web デザインが 1 冊できちんと身につく本[増補改訂版](エイチティーエムエルアンドシーエスエストウェブデザインガイッサツデキチントミニツクホン ゾウホカイテイバン)
- 著者:
- 服部雄樹(ハットリユウキ)
- 出版社:
- 技術評論社
- 出版日:
- 2022年01月06日
- ISBN:
- 9784297125103
- 価格:
- ¥2,860
- 在庫:
- 1
- 判型:
- 単行本
書籍紹介
<コンセプト> PC &モバイルサイトデザインの基礎力と HTML ・ CSS コーディングの知識が 1 冊で同時に身につく!
ウェブ制作を仕事にするなら HTML と CSS を学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なのか」を理解できる初学者向け入門書です。架空のカフェのショップ紹介&ネットショップサイトをチュートリアル形式で作成しながら、基本的な HTML 要素/ CSS の基本構造 (セレクタ、プロパティ、値) を学ぶことができ、レイアウトのテクニックやデザイン (Web デザイン&レスポンシブデザイン) の基本も身につきます。
<本書のポイント>
・チュートリアル学習では、 PC 版だけでなくウェブ制作の現場でニーズの高いモバイルサイトのデザインがしっかり学べます
・定番となった flexbox 、 display を使ったレイアウト手法の基礎から実践まで丁寧に解説します
・「フルスクリーン」「フレックスボックス」「シングルカラム」「 2 カラム」「グリッド」の 5 種類のレイアウトパターンを学習できます
・横スクロールするレイアウト、アニメーションで拡大するボタンなど動きのあるサイトづくりも体験できます
・「動画コンテンツページ」「ネットショップページ」も制作します
<綴じ込み特典つき>
付録 1 デザインのバリエーションが学べる!「レスポンシブデザインのネタ帖」
付録 2 インターン、就転職に役立つ!「ポートフォリオ用アレンジのネタ帖」
この本に興味がある方におすすめ
この本に関連
関連記事
技術書の読む順番戦略 - 複数冊を組み合わせて理解を加速させる
技術書を 1 冊ずつ読むのではなく、複数冊を戦略的に組み合わせることで理解の深さと速度を飛躍的に高める方法を解説します。
機械学習・AI 本ガイド - エンジニアが読むべき技術書の選び方
機械学習の基礎から実践まで学べる技術書の選び方を紹介。数学が苦手な人向けの学習ルートと、ML 本の賞味期限の見極め方を解説します。
技術書のタイトルに隠された法則 - 「入門」「実践」「詳解」の意味を読み解く
技術書のタイトルに使われる「入門」「実践」「詳解」などのキーワードには暗黙のルールがあります。タイトルだけで本のレベルと内容を見抜くコツを紹介します。
関連用語
CSS Grid
2 次元のグリッドレイアウトを宣言的に定義する CSS のレイアウトシステム
Flexbox
1 次元の柔軟なレイアウトを実現する CSS のレイアウトモデル
レスポンシブデザイン
画面サイズに応じてレイアウトを自動調整し、あらゆるデバイスで最適な表示を実現する手法
Core Web Vitals
Google が定義した Web ページのユーザー体験を測定する 3 つの指標 (LCP, INP, CLS)
Tailwind CSS
ユーティリティファーストの CSS フレームワークで、クラス名の組み合わせでスタイルを構築する
CSS Modules
CSS ファイルのクラス名を自動的にスコープ化し、名前衝突を防止する CSS のモジュール化手法