🎯 この教材のねらい
外国人学習者が、やさしい日本語で HTMLとCSSの基礎 を学べるように作られています。 各章は「読む・書く・見る」のバランスを意識し、視覚的理解を助ける構成です。
📚 授業での使い方
- 授業前に各章のHTMLを開き、ブラウザで見せながら説明。
- 生徒はメモ帳やVS Codeを使って、実際にコードを入力。
- 完成例や答え(answers.html)を見せて復習。
- 各自のオリジナルページを作成し、発表活動に発展させることもできます。
💡 活用のヒント
- 第4章〜第6章では、画像やフォームを使って「自分紹介ページ」を作らせると良い練習になります。
- 第7章〜第8章のCSS・レイアウトは、作品を見せ合う授業にもおすすめです。
- 授業後にアンケートフォームを作らせると、入力フォームの復習にもなります。
⚠️ 利用上の注意
この教材は教育目的で自由に使用・改変できますが、 商用利用や再配布の際は、運営者(Yumi Watanabe)へのご連絡をお願いします。
🧩 教材の答え(教師用)
全章の答えは、以下のページにまとめています。
✅ 答えページ(第1章〜第9章)を見る
※ このページのURLは、学習者に共有しないようご注意ください。
📩 お問い合わせ
ご質問・ご意見は 運営者情報ページ に記載のメールアドレスまでお願いいたします。