情報科準備室へようこそ

 

第23回:コミュニケーションと情報デザイン(Webサイトの評価と改善)

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

説明スライド: 23exp23.pdf
ワークシート: 23exp20.xlsx(第20回用)

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

第22回:コミュニケーションと情報デザイン(Webサイトの制作3)

前回に引き続き、前回・今回と2回にわたりグループでサイト制作を行います。限られた時間の中で、効果的に作成するための手順も意識して作業を進めていきます。

説明スライド: 23exp20.pdf(前々回)
ワークシート: 23exp20.xlsx(前々回)

今回のキーワード:
HTML5、CSS3、ハイパーリンク、階層化、情報デザイン、コンセプトメイキング、ラフスケッチ、作業の分担
 

第21回:コミュニケーションと情報デザイン(Webサイトの制作2)

前回に引き続き、今回・次回と2回にわたりグループでサイト制作を行います。限られた時間の中で、効果的に作成するための手順も意識して作業を進めていきます。

説明スライド: 23exp20.pdf(前回)
ワークシート: 23exp20.xlsx(前回)

今回のキーワード:
HTML5、CSS3、ハイパーリンク、階層化、情報デザイン、コンセプトメイキング、ラフスケッチ、作業の分担

 

第20回:コミュニケーションと情報デザイン(Webサイトの制作1)

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

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

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

第19回:コミュニケーションと情報デザイン(HTMLとCSS)

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

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

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

第18回:コミュニケーションと情報デザイン(情報デザインとは)

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

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

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