留学生のためのWebデザイン・HTML・CSS入門
内容紹介
学校案内のWebページを題材に、情報を整理し、HTMLとCSSで読みやすく表示する方法を学ぶ入門書です。Webページの仕組みから始め、意味のある文書構造、画像・表・フォーム、文字や余白、画面に合わせた配置まで、例と練習を通して順に確かめます。大学や専門学校でWebデザインを学ぶ留学生、Webページ作りを基礎から学びたい方に向けています。授業でも自習でも使えます。
【こんなことが身につきます】
・Webページがブラウザに届いて表示される流れを説明できる
・HTMLの要素やタグを読み、見出しや段落など意味に合わせて文書を組み立てられる
・画像・表・フォームの役割と、使うときに確認する点を整理できる
・CSSで文字・色・余白を調整し、FlexboxやGridで配置を考えられる
・画面幅に応じて表示を確かめ、読みやすさやアクセシビリティを点検できる
・素材の利用条件や権利を確認し、ページの企画・制作・公開後の管理を考えられる
【この本の特長】
1. 学校の案内ページを共通の例にして、読む人と伝える内容を考えながら学びます。HTMLは内容と構造、CSSは表示と配置を整える役割として扱います。
2. 各章に説明、コード例、ケースカード、ワークシート、練習問題と答え・理由を用意しました。コード例を表示して結果を見直し、考えたことを記録しながら進められます。
3. Flexbox・Gridによる配置、スマートフォンなど小さい画面への対応、色や文字・余白の点検を取り上げます。情報の順番、リンク、画像、キーボード操作やフォームにも目を向けます。
4. 素材や権利、規格の役割、公開前後の確認も扱います。特定の素材の利用可否や個別の公開判断は、本書だけで決めず、条件や公式情報を確かめる方法を学びます。
【全10章】
第1章 Webページはどう届くか／第2章 HTMLの要素とタグ／第3章 文書を意味で組み立てる／第4章 画像・表・フォームを使う／第5章 CSSで文字と余白を整える／第6章 FlexboxとGridで配置する／第7章 小さい画面から考える／第8章 読みやすい見た目を設計する／第9章 アクセシビリティと素材の権利／第10章 企画から公開後の管理まで
目次
- はじめに
- 第1章 Webページはどう届くか
- 第2章 HTMLの要素とタグ
- 第3章 文書を意味で組み立てる
- 第4章 画像・表・フォームを使う
- 第5章 CSSで文字と余白を整える
- 第6章 FlexboxとGridで配置する
- 第7章 小さい画面から考える
- 第8章 読みやすい見た目を設計する
- 第9章 アクセシビリティと素材の権利
- 第10章 企画から公開後の管理まで
- 巻末付録（Web）のご案内
- シリーズのご案内
この本のWeb付録
用語集や解答・解説などは、Web付録で確かめられます。