授業科目名

ウェブデザイン演習U

受講対象 授業形態 開講期 単位

グラフィック2 演習 半期 2

代表教員 共同担当教員

下城 崇英 単独

学修成果の到達目標

知識・技能

主体性・意欲

就業力・協働

到達目標

@現在のWebサイト作成のトレンドを学ぶ。

A実践的なWebサイトを構築する。

BAに必要な知識と技術を身につける。

授業の概要

プリント、Web サイト等を使用し、さまざまなツールによる Web サイト作成の応用を理解することができる。



Webデザイナー資格取得のための必修科目

授業内容

1.授業説明、Web サイト作成の復習1(2年次前期の復習)

2.Web サイト作成の復習2(2年次前期の復習)

3.現在の Web トレンドについて学ぶ1(レイアウトの流行や新しいテクニック)

4.現在の Web トレンドについて学ぶ2(コンセプトによる表現形態の違い)

5.現在の Web トレンドについて学ぶ3(新しい技術や考え方)

6.オリジナル Web サイトを作成してみる1(サイトテーマの設定)

7.オリジナル Web サイトを作成してみる2(サイトテーマの設定)

8.オリジナル Web サイトを作成してみる3(内容の作成)

9.オリジナル Web サイトを作成してみる4(内容の作成)

10.オリジナル Web サイトを作成してみる5(素材の選定と収集)

11.オリジナル Web サイトを作成してみる6(素材の選定と収集)

12.オリジナル Web サイトを作成してみる7(素材の選定と収集)

13.オリジナル Web サイトを作成してみる8(ワイヤーフレームを作成)

14.オリジナル Web サイトを作成してみる9(ワイヤーフレームを作成)

15.中間発表プレゼン

16.オリジナル Web サイトを作成してみる10(コーディング)

17.オリジナル Web サイトを作成してみる11(コーディング)

18.オリジナル Web サイトを作成してみる12(コーディング)

19.オリジナル Web サイトを作成してみる13(コーディング)

20.オリジナル Web サイトを作成してみる14(サイト内の別ページのコーディング)

21.オリジナル Web サイトを作成してみる15(サイト内の別ページのコーディング)

22.オリジナル Web サイトを作成してみる16(サイト内の別ページのコーディング)

23.オリジナル Web サイトを作成してみる17(サイト内の別ページのコーディング)

24.オリジナル Web サイトを作成してみる18(サイト全体の調整)

25.オリジナル Web サイトを作成してみる19(サイト全体の調整)

26.オリジナル Web サイトを作成してみる20(サイト全体の調整)

27.オリジナル Web サイトを作成してみる21(サイト全体の調整)

28.オリジナル Web サイトを作成してみる22(サイト全体の調整)

29.オリジナル Web サイトを作成してみる23(サイト全体の調整、完成)

30.講評、総括

授業時間外の学習

気になる Web サイトを閲覧し、レイアウトや構造を意識すること。

授業内で制作した作品を卒業制作展に出展する。

オフィスアワー

水曜日 16時以降 第一会議室

評価方法・基準

受講態度30%、授業貢献度30%、実技・作品制作40%

S:自分なりのWebサイトをデザインすることができる

A:Webデザインに基礎を習得できる

B:Webデザインについて基礎を理解できる

C:Webデザインについて内容を理解するための意欲がある

テキスト

プリントを提供し、デザインやレイアウトなどが参考になる Web サイトを使用する

参考資料

授業の進行によって随時提供する

備考