書店様へのご案内
図書館様へのご案内
広告掲載について
よくある質問
訂正とダウンロード
お問い合わせ
電子書籍一覧
デザイン・グラフィック
素材集・フォント集
イラスト・アニメ
3DCG・映像
Web制作
プログラミング
IT・ビジネス
写真技法・カメラ
写真集
美術・建築
生活・趣味・実用
カレンダー・手帳・年賀状
料理の本棚
その他
MdN Pickup news
MdNからのお知らせ
月刊MdNバックナンバー
プレスリリース
MdNユーザー会員 ログイン
FAQ
プライバシーポリシー
会社概要
採用情報
会員規約
利用規約
閉じる
デザイン・グラフィック
素材集・フォント集
イラスト・アニメ
3DCG・映像
Web制作
プログラミング
IT・ビジネス
写真技法・カメラ
写真集
美術・建築
生活・趣味・実用
カレンダー・手帳・年賀状
料理の本棚
その他
Web制作
Webデザイン
プロの「引き出し」を増やす HTML+CSSコーディングの強化書 改訂2版
試し読み
プロの「引き出し」を増やす HTML+CSSコーディングの強化書 改訂2版
草野 あけみ 著
定価 3,300円
(本体 3,000円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
紙の本を買う
紙の書籍を購入
Amazon
楽天ブックス
ヨドバシ.com
電子版を買う
電子書籍版を購入
Kindle
楽天kobo
発売日
:
2024-08-23
仕様
:
B5変形判/360P
ISBN
:
978-4-295-20673-6
内容紹介
目次
図書館様へのご案内
お問い合せ
HTML・CSSはひと通り習得したが、デザインカンプから情報を読み取り、自力でイチからコーディングする力はまだない……。
本書はそんな方が、制作現場で“独り立ち”するだけの力を身につけていただくためのものです。
実務レベルの“コーディング力”を強化するには、制作現場でよく出会うパターンの実践練習を繰り返すのが、遠いようで一番の近道。
そのために、本書では150通り以上の小さな単位のサンプルを課題に、体系的にコーディング練習を積み重ねていきます。
また、各章で学んだことをアウトプットできるよう、章末に各自で取り組むための練習問題(EXERCISE)も用意しています。
IE 11のサポート終了でモダンブラウザを基準に技術選定できるようになり、Web制作の現場では従来よりも便利な機能・新しい機能を積極的に活用できるようになりました。
今回の改訂2版では主にこの点を踏まえ、利用する技術の選定をし直しアップデートしています。
本書を通して、実際に手を動かしながら課題に取り組むことで、“コーディング力”が格段にアップするはずです!
■ページ見本
目次
INTRODUCTION 事前準備と前提知識
--------------------------------------------------
■CHAPTER 1 基本レイアウト
--------------------------------------------------
LESSON 01 一番簡単なレスポンシブ
LESSON 02 メディアクエリで段組み切り替え
LESSON 03 要素の横並びと左右中央揃え
LESSON 04 基本のカード型レイアウト
LESSON 05 3つのレイアウト手法とその使い分け
EXERCISE 01 レスポンシブコーディングの基本をマスター
--------------------------------------------------
■CHAPTER 2 応用レイアウト
--------------------------------------------------
LESSON 06 アスペクト比固定ボックス
LESSON 07 カード型レイアウト
LESSON 08 市松レイアウト
LESSON 09 背景色エリア
LESSON 10 ブロークングリッドレイアウト
EXERCISE 02 レスポンシブコーディングの応用をマスター
--------------------------------------------------
■CHAPTER 3 表組み・フォーム
--------------------------------------------------
LESSON 11 表組みのレスポンシブ対応
LESSON 12 フォーム部品の実装
LESSON 13 入力フォームのレイアウト
EXERCISE 03 表組み・フォームをマスター
--------------------------------------------------
■CHAPTER 4 CSS設計
--------------------------------------------------
LESSON 14 CSS 設計とは
LESSON 15 ヘッダーの設計を考える
LESSON 16 カード型一覧の設計を考える
LESSON 17 ボタンの設計を考える
LESSON 18 見出しの設計を考える
LESSON 19 余白の設計を考える
EXERCISE 04 CSS 設計にチャレンジしてみよう
--------------------------------------------------
■CHAPTER 5 マークアップ
--------------------------------------------------
LESSON 20 マークアップの役割
LESSON 21 アクセシビリティに配慮したマークアップ
LESSON 22 WAI-ARIAによるスクリーンリーダー対応
EXERCISE 05 アクセシビリティに配慮したマークアップをマスター
--------------------------------------------------
■CHAPTER 6 総合演習
--------------------------------------------------
LESSON 23 オリジナルサイトを構築する
用語索引
図書館様へのご案内
図書館での貸出につきまして
⚫︎サンプルデータのダウンロードURLについて
本書に収録されています「サンプルデータ」は著作権の制限により、購入者限定となっております。公共図書館などのご利用者様が使用することは、館内・館外を問わず「不可」となりますので、配架や貸出の際は、URLの部分にシールを貼る等の方法で、何かしら
利用できない状態にした上での閲覧・貸出をお願いいたします。
tweet
シェア
はてブ
あわせてよく検索される書籍
プロフェッショナルから学ぶ! デザイン・グラフィック書
現場で役立つ! MdNのスキルアップ書籍
絵が上手くなる! イラスト強化ブック