![]() ![]() |
科目名/Course: WEBデザイン演習Ⅱ/Web Design Ⅱ | |
科目一覧へ戻る | 2023/11/02 現在 |
科目名(和文) /Course |
WEBデザイン演習Ⅱ |
---|---|
科目名(英文) /Course |
Web Design Ⅱ |
時間割コード /Registration Code |
35002001 |
学部(研究科) /Faculty |
デザイン学部 |
学科(専攻) /Department |
ビジュアルデザイン学科 |
担当教員(○:代表教員)
/Principle Instructor (○) and Instructors |
○石 王美 |
オフィスアワー /Office Hour |
石 王美(火曜日2限) |
開講年度 /Year of the Course |
2023年度 |
開講期間 /Term |
後期 |
対象学生 /Eligible Students |
1年,2年,3年,4年 |
単位数 /Credits |
2 |
更新日 /Date of renewal |
2023/02/24 |
---|---|
使用言語 /Language of Instruction |
日本語 |
オムニバス /Omnibus |
該当なし |
授業概略と目的 /Cource Description and Objectives |
WEBデザイン演習1のプログラミングやディレクションの知識を用いて自分のデザインでホームページを制作する。目的にあうWEBデザインを企画しイメージの加工や創作を含めたオリジナルデザイン+Codingでウェブページの制作することが出来る。 プレゼンテーションで自分のデザインについて説得力あるプレゼンテーション能力を身につける(C-2) 目的によって表現するWEBデザインの差について把握することが出来る(C-2) オリジナルWEBデザインの創作?codingできる(C-2) |
履修に必要な知識?能力?キーワード /Prerequisites and Keywords |
企画力、HTML?CSS、イメージ加工 |
履修上の注意 /Notes |
PhotoshopとIllustratorを用いた初歩的な画像処理のオペレーションが可能であること。 HTML?CSSの構造や知識について理解していること |
教科書 /Textbook(s) |
スラスラわかるHTML&CSSのきほん 著者:狩野 祐東、出版社:SBクリエイティブ |
参考文献等 /References |
特になし |
自主学習ガイド /Expected Study Guide outside Coursework/Self-Directed Learning Other Than Coursework |
インターネットに公開されているWebサイトのソースコードをはじめ、市販のマニュアルや書籍などを参考にし、Webサイトの設計について学習すること。 |
資格等に関する事項 /Attention Relating to Professional License |
ウェブデザイン技能士 |
アクティブラーニングに関する事項 /Attention Relating to Active Learning |
|
実務経験に関する事項 /Attention Relating to Operational Experiences |
デザイイナとして勤務した経験を活かして指導する |
備考 /Notes |
No. | 単元(授業回数) /Unit (Lesson Number) |
単元タイトルと概要 /Unit Title and Unit Description |
時間外学習 /Preparation and Review |
配付資料 /Handouts |
---|---|---|---|---|
1 | 1 | [オリエンテーションと導入] 授業の流れについて |
実例調査 | |
2 | 2 | [WEBデザインのプロセス] 課題として制作するWEBデザインのプロセスについて理解する |
実例調査 | |
3 | 3 | [審美的なWEBデザインについて] WEBデザインにおいて審美的なデザインとは? 使いやすいデザイン? |
実例調査 | |
4 | 4 | [WEBデザイン構築にあたって注意する所] インターネット関係、ネットワーク、サーバのような外部的な要因について |
実例調査 | |
5 | 5 | [HTML5?CSS] 総合的なWEBページの構造について |
実例調査 | |
6 | 6 | [HTML5?CSS] 総合的なWEBページの構造について |
実例調査 | |
7 | 7 | [グラフィックツール1] Photoshop、illustratorを用いたイメージの創作 |
実例調査 | |
8 | 8 | [グラフィックツール2] Photoshop、illustratorを用いたイメージの創作 |
実例調査 | |
9 | 9 | [ウェブ用動画1] 動画の編集及び創作 |
実例調査 | |
10 | 10 | [ウェブ用動画2] 動画の編集及び創作 |
実例調査 | |
11 | 11 | [WEBデザインの企画] 全体的な構造及びFrameworkなどの企画 |
実例調査 | |
12 | 12 | [グラフィックデザイン作業] オリジナルデザインの提案、制作 |
実例調査 | |
13 | 13 | [グラフィックデザイン作業] オリジナルデザインの提案、制作 |
実例調査 | |
14 | 14 | [Coding(Dreamweaver)] html+css作業 |
実例調査 | |
15 | 15 | [総評、課題のプレゼンテーション] プレゼンテーション |
プレゼンテーション |
No. |
到達目標 /Learning Goal |
知識?理解 /Knowledge & Undestanding |
技能?表現 /Skills & Expressions |
思考?判断 /Thoughts & Decisions |
伝達?コミュニケーション /Communication |
協働 /Cooperative Attitude |
||
---|---|---|---|---|---|---|---|---|
1 | WEBデザインの構成や技術について理解出来る(C-2) | ○ | ○ | ○ | ||||
2 | HTML?CSSについて理解?制作できる(C-2) | ○ | ○ | ○ | ||||
3 | オリジナルWEBデザインを実践することができる(C-2) | ○ | ○ | ○ | ○ |
No. |
到達目標 /Learning Goal |
定期試験 /Exam. |
課題 | 出席?授業対応 | プレゼンテーション | ||
---|---|---|---|---|---|---|---|
1 | WEBデザインの構成や技術について理解出来る(C-2) | ○ | ○ | ||||
2 | HTML?CSSについて理解?制作できる(C-2) | ○ | ○ | ||||
3 | オリジナルWEBデザインを実践することができる(C-2) | ○ | ○ | ○ | |||
評価割合(%) /Allocation of Marks |
50 | 40 | 10 |