2023.12.28

HTMLとCSSの教え方：学生が探求し学ぶ力を身につける

marugotoyoten

cs50のYoutube動画「HTMLとCSSの教え方：学生が探求し学ぶ力を身につける」について要点と要約をまとめました

３つの要点

要点１
基本的な概念と語彙に焦点を当てること
要点２
CSSを活用してデザイン原則を教えること
要点３
最新の技術に対応するための準備をすること

要約

基本的な概念と語彙に焦点を当てる
HTMLとCSSの教え方では、技術的な詳細に深く立ち入るよりも、基本的な概念と語彙に焦点を当てています。ウェブページがHTMLのタグまたは要素で構成されること、ブラウザが上から下、左から右に読み込むことを説明します。タグの全体像と対称性、属性が要素の定義を拡張する方法の重要性を強調し、学生が基本的な語彙を理解した後は、オンラインの参考資料やリソースを使用してパズルのピースを探求し組み立てることができます。

CSSを活用してデザイン原則を教える
HTMLとCSSは知的に魅力的なプログラミング言語ではありませんが、私たちはCSSを紹介し、良いデザイン原則を教える機会として活用しています。学生には、HTMLファイルにCSSスタイルを埋め込むことから、より良い組織とキャッシュのために別々のCSSファイルを使用するように徐々に移行するように促しています。小さな例を通じて、正しい方法を示し、HTMLタグやCSSセレクタを自分で調べる力を彼らに与えています。

最新の技術に対応するための準備
私たちは学生を現実の世界に向けて準備することを信じています。最新の技術にはHTML 5などの新しいタグや機能が導入されており、学生にはこれらの変更に対応し探求することを望んでいます。学期が進むにつれて、私たちは徐々に学習の手助けを減らし、クラスの範囲を超えてものを見つけて作り上げることを学生に奨励しています。私たちの目標は、学生が独立した学習者になり、すべてを私たちに依存せずに自信と独立心を持ってウェブ開発の世界に飛び込むことです。

HTMLとCSSの教え方のまとめ
私たちのHTMLとCSSの教え方は、概念、語彙、良いデザイン原則に焦点を当てています。学生には、オンラインの参考資料を使用して自分でパズルのピースを探求し組み立てることや、最新の技術に対応し続けることを奨励しています。学期の終わりまでに、学生が自信を持って独立した学習者としてウェブ開発の世界に挑戦できるようにすることを目指しています。

▼今回の動画