CMD体育_cmd体育平台@

图片

シラバス参照

授業情報／Course information

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

授業基本情報
科目名（和文）
／Course		 ＷＥＢデザイン演習Ⅰ
科目名（英文）
／Course		 Web Design Ⅰ
時間割コード
／Registration Code		 35001301
学部（研究科）
／Faculty		 デザイン学部
学科（専攻）
／Department		 ビジュアルデザイン学科
担当教員（○：代表教員）
／Principle Instructor （○） and Instructors		 ○石　王美
オフィスアワー
／Office Hour		 石　王美(水曜日１６：００?１７：３０(３２０５室))
開講年度
／Year of the Course		 2024年度
開講期間
／Term		 前期
対象学生
／Eligible Students		 2年,3年,4年
単位数
／Credits		 2
授業概要情報
更新日
／Date of renewal		 2024/02/27
使用言語
／Language of Instruction		 日本語
オムニバス
／Omnibus		 該当なし
授業概略と目的
／Cource Description and Objectives		 Webサイトのプログラミングやディレクションに必要な知識と、動画データをWebに活用する技術について学ぶ。
特にウェブデザインのHTML?CSSについて具体的に調査し構造について把握する。インターネット利用者の使いやすさを意識したWebサイトの企画立案?制作への実践方法について学ぶ。

Web環境について技術的な部分について理解できる（C-2)
HTML?CSS構造について理解し、自分で組むことが出来る（C-2)
グラッフィックツールを用いてWeb用イメージを制作出来る（C-2)
履修に必要な知識?能力?キーワード
／Prerequisites and Keywords		 HTML?CSS、イメージ加工
履修上の注意
／Notes		 PhotoshopとIllustratorを用いた初歩的な画像処理のオペレーションが可能であること。
教科書
／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		 プレゼンテーション（A)
課題のプロセスや感じだこと、またその結果をクラス全体に対した発表する。
実務経験に関する事項
／Attention Relating to Operational Experiences		 ウェブデザイイナとして勤務した経験を活かして指導する。
備考
／Notes
授業計画詳細情報
No. 単元（授業回数）
／Unit (Lesson Number)		 単元タイトルと概要
／Unit Title and Unit Description		 時間外学習
／Preparation and Review		 配付資料
／Handouts
1 1 [オリエンテーションと導入]
WEBデザイン概論について		 実例調査
2 2 [WEBデザインのプロセス]
主なプロセスと方法		 実例調査
3 3 [審美的なWEBデザインについて]
WEBデザインにおいて審美的なデザインとは？
使いやすいデザイン？		 実例調査
4 4 [HTML５について]
html Element, Attributes, Paragraphs		 実例調査
5 5 [HTML５について]
html style, table, lists		 実例調査
6 6 [HTML５について]
html Block & inline, links		 実例調査
7 7 [HTML５について]
html classes, id , iframes		 実例調査
8 8 [CSSについて]
css selector, commends, colors		 実例調査
9 9 [CSSについて]
css backgrounds, borders, margins		 実例調査
10 10 [CSSについて]
css padding, box model, text, font, icons		 実例調査
11 11 [CSSについて]
css mas- width, position, float, overflow		 実例調査
12 12 [イメージの加工について]
photoshop, illustrator toolを用いてイメージを加工する方法		 実例調査
13 13 [イメージの加工について]
photoshop, illustrator toolを用いてイメージを加工する方法		 実例調査
14 14 [課題の企画?制作]
課題を企画?制作		 実例調査
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		 50 40 10
評価ルーブリックはこちら

科目一覧へ戻る