作成したWebサイトを、全員で相互に閲覧するとともに、自ら作成したサイトについて相手グループにデモンストレーションを行います。そこで得られた改善提案を元に、自らのサイトを改善していきます。

説明スライド：　23exp23.pdf
ワークシート：　23exp20.xlsx（第20回用）

今回のキーワード：

HTML5、CSS3、ハイパーリンク、階層化、情報デザイン、コンセプトメイキング、ラフスケッチ、PDCA、評価と改善、デモンストレーション、対話的な学び

前回に引き続き、Webサイトの仕組みと構成を学習した後、グループに分かれて実際にWeb作成のコンセプトメイキングを行います。単にサイトを作るだけでなく、伝えたい内容、目的、対象などを明確にしながらサイトの内容を考えます。

説明スライド：　23exp20.pdf
ワークシート：　23exp20.xlsx

今回のキーワード：

HTML5、CSS3、ハイパーリンク、階層化、情報デザイン、コンセプトメイキング、ラフスケッチ

Webサイトの仕組みを学習するとともに、サイトを記述する言語としてHTMLを学習します。また、Webサイトのデザインを記述するCSSについても扱い、ユニバーサルデザイン等についても考えます。。

説明スライド：　23exp19.pdf
ワークシート：　23exp19.htm、common.css（PC教室で配信します）

今回のキーワード：

HTML5、CSS3、テキストエディタ、タグ、ブラウザ、ユニバーサルデザイン、色彩の情報、画像、ハイパーリンク、ファイル名

コミュニケーション全般について学ぶとともに、情報デザインの考え方を学習します。コミュニケーションを成立させる要素や、メディア、ソーシャルメディア等について扱うとともに、情報デザインでは一般的なデザインとの違いを学習します。

説明スライド：　23exp18.pdf
ワークシート：　23exp18.xlsx

今回のキーワード：

コミュニケーション、記号化、復号、伝達経路、メディア、情報メディア、表現メディア、通信メディア、記憶メディア、マスメディア、ソーシャルメディア、同期、非同期、１対１、一対多、バーバルコミュニケーション、情報デザイン、目的、コミュニケーション、抽象化、可視化、構造化、ユニバーサルデザイン、アクセシビリティ、ユーザビリティ