留学生のための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章 企画から公開後の管理まで 【Web付録】 専門用語リスト、5言語の用語集（訳語には確認前の暫定項目があります）、練習問題の答えと理由、練習用のHTML・CSS、印刷用ワークシート、参考資料、索引・検索をWebで公開しています。スマートフォンやパソコンからご覧いただけます。 https://bansho-chiraku.com/furoku/webdesign/ 【先生・研修ご担当の方へ】 ◆ 授業でお使いいただける先生用資料（指導書・確認テスト・授業スライド）をご用意しています。ご利用方法は contact@bansho-chiraku.com までお問い合わせください。 ◆ テキスト等を大量に購入される場合は割引がございます。お問い合わせは contact@bansho-chiraku.com までご連絡ください。

この本を購入する

EPUB ／ 税込1,650円

購入後30日間、再ダウンロードできます。

書籍一覧へ戻る