シラバス参照

授業情報/Course information

科目一覧へ戻る 2020/04/02 現在

授業基本情報
科目名(和文)
/Course
ウェブコンテンツ演習
科目名(英文)
/Course
Web Design
時間割コード
/Registration Code
33009701
学部(研究科)
/Faculty
デザイン学部
学科(専攻)
/Department
造形デザイン学科
担当教員(○:代表教員)
/Principle Instructor (○) and Instructors
中西 俊介
オフィスアワー
/Office Hour
中西 俊介((火曜日 2時限(1Q〜4Q共通)3602研究室) )
開講年度
/Year of the Course
2019年度
開講期間
/Term
第1クォーター
対象学生
/Eligible Students
2年(ビジュアルデザイン領域所属学生のみ)
単位数
/Credits
1.0
授業概要情報
更新日
/Date of renewal
2019/03/06
使用言語
/Language of Instruction
日本語
オムニバス
/Omnibus
該当なし
授業概略と目的
/Cource Description and Objectives
企画立案、デザイン制作、コーディング作業に至るウェブサイト制作のプロセスを総合的に学んでいく。また現代のウェブサイトでは、各種ウェブサービスの特徴を正確に理解し、正しく使いこなすスキルの修得が大変重要となっている。そのため、自身が企画したウェブサイトと各種ウェブサービスの連携活用を含めた制作を実施する。
履修に必要な知識・能力・キーワード
/Prerequisites and Keywords
ウェブサイトの構造を理解し、比較的高度な制作スキルを習得するため、パソコンでの制作技術の基礎(Illustrator、Photoshop等のスキル)は習得していること。
履修上の注意
/Notes
履修者は、学科内コンピュータ演習室の設備に関する利用規定を厳守すること。
プログラミング作業が授業の中心となるので、難易度が高いことを理解して履修すること。
教科書
/Textbook(s)
「よくわかるHTML5+CSS3の教科書(第2版)」大藤幹著(マイナビ)
参考文献等
/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 [オリエンテーション]
ウェブサイトの構造とウェブユーザビリティ
授業で学んだことを復習し、理解に努めること。
2 2 [HTML基礎]
HTMLコーディングの基礎技術を学ぶ
授業で学んだことを復習し、理解に努めること。
3 3 [CSS基礎]
CSSコーディングの基礎技術を学ぶ
授業で学んだことを復習し、理解に努めること。
4 4 [ページ構造の学習]
ページ全体の枠組み
授業で学んだことを復習し、理解に努めること。
5 5 [ページ構造の学習]
テキストの扱い方
授業で学んだことを復習し、理解に努めること。
6 6 [ページ構造の学習]
CSSの適用先と指定方法
授業で学んだことを復習し、理解に努めること。
7 7 [ページ構造の学習]
ページ内の構造
授業で学んだことを復習し、理解に努めること。
8 8 [ページ構造の学習]
ナビゲーション
授業で学んだことを復習し、理解に努めること。
9 9 [ページ構造の学習]
フォームとテーブル
授業で学んだことを復習し、理解に努めること。
10 10 [ウェブサイトの練習課題]
テンプレートを利用してウェブサイトを制作
授業で学んだことを復習し、理解に努めること。
11 11 [WebAPIの利用]
各種ウェブサービス(外部のWebAPI)の連携利用について
授業で学んだことを復習し、理解に努めること。
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 ウェブサイトの構造を理解し、制作スキルを習得する。
2 ウェブユーザビリティを学び、その特性を理解しながらデザイン表現力を身につける。
3 HTML5、CSS、ウェブサービスを横断したウェブサイト制作を目指す。
成績評価方法と基準/Evaluation of Achievement
※出席は2/3以上で評価対象となります。
No. 到達目標
/Learning Goal
定期試験
/Exam.
課題制作 授業理解
1 ウェブサイトの構造を理解し、制作スキルを習得する。
2 ウェブユーザビリティを学び、その特性を理解しながらデザイン表現力を身につける。
3 HTML5、CSS、ウェブサービスを横断したウェブサイト制作を目指す。
評価割合(%)
/Allocation of Marks
85 15

科目一覧へ戻る