シラバス参照

授業情報／Course information

科目名／Course: ＷＥＢデザイン演習Ⅱ／Web Design Ⅱ
科目一覧へ戻る 2025/09/12 現在

授業基本情報
科目名（和文）
／Course		 ＷＥＢデザイン演習Ⅱ
科目名（英文）
／Course		 Web Design Ⅱ
時間割コード
／Registration Code		 35002001
学部（研究科）
／Faculty		 デザイン学部
学科（専攻）
／Department		 ビジュアルデザイン学科
担当教員（○：代表教員）
／Principle Instructor （○） and Instructors		 ○中西　俊介
オフィスアワー
／Office Hour		 中西　俊介(火曜日 2限　3602研究室)
開講年度
／Year of the Course		 2025年度
開講期間
／Term		 後期
対象学生
／Eligible Students		 2年,3年,4年
単位数
／Credits		 2
授業概要情報
更新日
／Date of renewal		 2025/07/22
使用言語
／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)		 「1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］」（著：Mana、出版社：ソシム）
参考文献等
／References		 スラスラわかるHTML＆CSSのきほん
著者：狩野 祐東、出版社：SBクリエイティブ
自主学習ガイド
／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 [HTML５?CSS]
総合的なWEBページの構造について		 事例調査
6 6 [HTML５?CSS]
総合的なWEBページの構造について		 事例調査
7 7 [グラフィックツール]
Photoshop、illustratorを用いたイメージの制作		 編集作業
8 8 [WEBデザインの企画]
全体的な構造及びFrameworkなどの企画		 企画立案
9 9 [グラフィックデザイン作業]
オリジナルデザインの提案、制作①		 編集作業
10 10 [グラフィックデザイン作業]
オリジナルデザインの提案、制作②		 編集作業
11 11 [Coding(Dreamweaver)]
html+css作業		 編集作業
12 12 [CMSの理解]
CMSの現状と機能について		 事例調査
13 13 [CMSの理解]
WordPressの利用法の習得		 編集作業
14 14 [CMSの実践]
WordPressを利用したオリジナルウェブサイトの制作		 編集作業
15 15 [総評、課題のプレゼンテーション]
プレゼンテーション		 プレゼンテーション
授業評価詳細情報
到達目標及び観点／Learning Goal and Specific Behavioral Viewpoints
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) ○ ○ ○ ○
成績評価方法と基準／Evaluation of Achievement
※出席は2/3以上で評価対象となります。
No. 到達目標
／Learning Goal		 定期試験
／Exam.		 課題制作 授業理解
1 WEBデザインの構成や技術について理解出来る。(C-2) ○ ○
2 HTML?CSSについて理解?制作できる。（C-2) ○ ○
3 オリジナルWEBデザインを実践することができる。(C-2) ○ ○
評価割合（％）
／Allocation of Marks		 85 15
評価ルーブリックはこちら

科目一覧へ戻る