![]() ![]() |
科目名/Course: WEBデザイン演習Ⅱ/Web Design Ⅱ | |
科目一覧へ戻る | 2024/09/10 現在 |
科目名(和文) /Course |
WEBデザイン演習Ⅱ |
---|---|
科目名(英文) /Course |
Web Design Ⅱ |
時間割コード /Registration Code |
35002001 |
学部(研究科) /Faculty |
デザイン学部 |
学科(専攻) /Department |
ビジュアルデザイン学科 |
担当教員(○:代表教員)
/Principle Instructor (○) and Instructors |
○中西 俊介 |
オフィスアワー /Office Hour |
中西 俊介(火曜日 2限 3602研究室) |
開講年度 /Year of the Course |
2024年度 |
開講期間 /Term |
後期 |
対象学生 /Eligible Students |
2年,3年,4年 |
単位数 /Credits |
2 |
更新日 /Date of renewal |
2024/02/29 |
---|---|
使用言語 /Language of Instruction |
日本語 |
オムニバス /Omnibus |
該当なし |
授業概略と目的 /Cource Description and Objectives |
WEBデザイン演習1のプログラミングやディレクションの知識を用いて自分のデザインでウェブサイトを制作する。テーマに沿ったWEBデザインを企画し、イメージの加工や創作を含めたオリジナルデザイン+Codingでウェブページの制作を行い、より応用的で実践性の高いスキルの習得と説得力ある企画開発力を身につけることを目的とした演習を行う。 |
履修に必要な知識?能力?キーワード /Prerequisites and Keywords |
企画力、HTML?CSS、イメージ加工 ※WEBデザイン演習Iを修得していることが望ましい。 |
履修上の注意 /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 |
85 | 15 |