| 授業科目名 |
| ウェブデザイン演習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 サイトを使用する |
| 参考資料 |
| 授業の進行によって随時提供する |
| 備考 |