ウェブコンテンツ演習B

科目名・科目番号
（042372）
ウェブコンテンツ演習Ｂ
学科等
教員名
メディア社会・選択履修年次
阿部　友宏曜日・時限等月曜5時限・通年単位数
オフィスアワー
3.4
4
非常勤講師
授業概要
とねらい
ウェブコンテンツの基本（種類・効用・形態）を学習しながら、様々な編集ソフトを使用し
て、コンテンツ制作の基本スキルの習得を目指す。また、ウェブコンテンツデザインの基本的
考え方を学び、その後、デジカメやビデオ、コンピュータを利用して実際にコンテンツ制作を
演習する。
到達目標
Photoshop、Illustrator、テキストエディタ等を使用し、
ウェブコンテンツ作成の一連の流れを体験する。
準備学習
各回終了時に指示する。
回
授業計画
授業内容
行動目標
1 演習ガイダンス
授業の進め方、年間計画の説明、アンケート
2 ウェブコンテンツの色々
ウェブコンテンツの歴史、表現方法、制作手段の概説
3 HTML基礎(1)
HTMLの基本について理解する
4 HTML基礎(2)
CSSの基本について理解する
5 HTML基礎(3)
ウェブサイトを作る
6 HTML応用(1)
JavaScript、jQueryについて理解する。
7 HTML応用(2)
ナビゲーションメニューを作る
8 HTML応用(3)
スライドショーを作る
9 Processing.js(1)
Procesing.jsの基本、変数について理解する
10 Processing.js(2)
Procesing.jsの関数、引数について理解する
11 Processing.js(3)
条件分岐、くり返しについて理解する
12 Processing.js(4)
座標変換、変形について理解する
13 Processing.js(5)
関数の定義について理解する
14 Processing.js(6)
クラスについて、マウスインタラクションについて理解する
15 まとめ
前期に学んだことの再確認
授業内容
回
授業計画
行動目標
16 演習ガイダンス
DTP系編集ソフトウェアの概説
17 Photoshop(1)
Photoshopの基本操作方法、ファイル形式や注意点などについて理解
する
18 Photoshop(2)
写真の編集、フィルタ、レタッチについて理解する
19 Photoshop(3)
ボタンをつくる
20 Illustrator(1)
Illustratorの基本操作方法、ファイル形式や注意点などについて理解
する
21 Illustrator(2)
様々な図形を描く
22 Illustrator(3)
写真を使う、イラストを作る
23 PhotoshopとIllustrator
PhotoshopとIllustratorの連携について
24 制作(1)
アイデア、コンセプトを考える
25 制作(2)
計画を立て、下準備をする
26 制作(3)
制作する(1)
27 制作(4)
制作する(2)
28 制作(5)
制作する(3)
29 制作(6)
仕上げる
30 まとめ
通年で学んだことの再確認
成績評価の
方法・基準
授業への参加意欲（３０％）と課題提出（７０％）で評価する。
書名
著者
発行所
書名
著者
発行所
教科書
参考図書
教員からの
メッセージ
解説より、パソコンを使った制作作業がメインになります。シラバスの内容は目安です。
作りたいコンテンツがあれば、授業の流れにかかわらずそちらを優先しても構いません。
各自の希望や状況に応じて、授業内容を大幅に変更、調整します。

Download Report