シラバス参照

授業情報/Course information

科目一覧へ戻る 2020/10/22 現在

授業基本情報
科目名(和文)
/Course
ウェブコンテンツ演習
科目名(英文)
/Course
Web Design
時間割コード
/Registration Code
33009702
学部(研究科)
/Faculty
デザイン学部
学科(専攻)
/Department
造形デザイン学科
担当教員(○:代表教員)
/Principle Instructor (○) and Instructors
中西 俊介
オフィスアワー
/Office Hour
中西 俊介((火曜日 2時限(1Q〜4Q共通)3602研究室) )
開講年度
/Year of the Course
2020年度
開講期間
/Term
第2クォーター
対象学生
/Eligible Students
3年(造形デザイン領域所属学生のみ)
単位数
/Credits
1.0
授業概要情報
更新日
/Date of renewal
2020/02/28
使用言語
/Language of Instruction
日本語
オムニバス
/Omnibus
該当なし
授業概略と目的
/Cource Description and Objectives
 企画立案、デザイン制作、コーディング作業に至るウェブサイト制作のプロセスを総合的に学んでいく。また現代のウェブサイトでは、各種ウェブサービスの特徴を正確に理解し、正しく使いこなすスキルの修得が大変重要となっている。そのため、自身が企画したウェブサイトと各種ウェブサービスの連携活用を含めた制作を実施する。
履修に必要な知識・能力・キーワード
/Prerequisites and Keywords
・ウェブサイトの構造を理解し、制作スキルを習得する。
・ウェブユーザビリティを学び、その特性を理解しながらデザイン表現力を身につける。
・HTML5、CSS、ウェブサービスを利用したウェブサイト制作を目指す。
履修上の注意
/Notes
履修者は、学科内コンピュータ演習室の設備に関する利用規定を厳守すること。
プログラミング作業が授業の中心となるので、難易度が高いことを理解して履修すること。
教科書
/Textbook(s)
「スラスラわかるHTML&CSSのきほん 第2版」狩野祐東著(SBクリエイティブ)
参考文献等
/References
自主学習ガイド
/Expected Study Guide outside Coursework/Self-Directed Learning Other Than Coursework
授業内で学ぶの制作技術に関するスキルに問題がある場合は、時間外にて必ずその習熟に努めること。
資格等に関する事項
/Attention Relating to Professional License
備考
/Notes
本科目は「実務経験のある教員による授業科目」又は「主として実践的教育から構成される授業科目」である。
その内容等については、次のアドレスの一覧表を参照。
https://www.oka-pu.ac.jp/guide/guide_detail/index/1860.html
授業計画詳細情報
No. 単元(授業回数)
/Unit (Lesson Number)
単元タイトルと概要
/Unit Title and Unit Description
時間外学習
/Preparation and Review
配付資料
/Handouts
1 1 [Webサイトの概要]
Webサイトと構成要素
授業で学んだことを復習し、理解に努めること。
2 2 [HTMLの基礎1]
HTMLの基本的な書式
授業で学んだことを復習し、理解に努めること。
3 3 [HTMLの基礎2]
制作の準備と基本的なHTML
授業で学んだことを復習し、理解に努めること。
4 4 [HTMLの構造1]
見出し、段落、リスト
授業で学んだことを復習し、理解に努めること。
5 5 [HTMLの構造2]
外部リンクと画像
授業で学んだことを復習し、理解に努めること。
6 6 [HTMLの構造3]
複数ページの作成とリンク
授業で学んだことを復習し、理解に努めること。
7 7 [CSSの基礎]
CSSの基本的な書式
授業で学んだことを復習し、理解に努めること。
8 8 [CSSの構造1]
背景とテキスト
授業で学んだことを復習し、理解に努めること。
9 9 [CSSの構造2]
ブロック表示とインライン表示
授業で学んだことを復習し、理解に努めること。
10 10 [CSSの構造3]
フロート、テーブル、フレックスボックス
授業で学んだことを復習し、理解に努めること。
11 11 [Webサイトの企画]
出題されたテーマについてのウェブサイトを企画
次回の授業までに企画書を作成する。
12 12 [課題制作]
サイト構成図の作成とデザイン検討
次回の授業までにデザイン案を作成する。
13 13 [課題制作]
ウェブサイトの素材制作
ウェブサイトの作成を行う。
14 14 [課題制作]
ウェブサイトのコーディング作業
ウェブサイトの作成を行う。
15 15 [講評]
制作した課題について個別に講評を行う
授業内で完成しない場合は時間外に完成させること。
授業評価詳細情報
到達目標及び観点/Learning Goal and Specific Behavioral Viewpoints
No. 到達目標
/Learning Goal
知識・理解
/Knowledge & Undestanding
技能・表現
/Skills & Expressions
思考・判断
/Thoughts & Decisions
伝達・コミュニケーション
/Communication
協働
/Cooperative Attitude
1 Webサイトの制作技術の習得・理解
2 デジタル技術の編集能力向上
3 情報交換によるコミュニケーションと企画提案力
成績評価方法と基準/Evaluation of Achievement
※出席は2/3以上で評価対象となります。
No. 到達目標
/Learning Goal
定期試験
/Exam.
課題制作 授業理解
1 Webサイトの制作技術の習得・理解
2 デジタル技術の編集能力向上
3 情報交換によるコミュニケーションと企画提案力
評価割合(%)
/Allocation of Marks
85 15

科目一覧へ戻る