![]()  | 
    
| 科目一覧へ戻る | 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  | 
	    
本科目は「実務経験のある教員による授業科目」又は「主として実践的教育から構成される授業科目」である。 その内容等については、次のアドレスの一覧表を参照。 /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 | [講評] 制作した課題について個別に講評を行う  | 
                授業内で完成しない場合は時間外に完成させること。 | 
| No. | 
                                到達目標 /Learning Goal  | 
                            
                                知識?理解 /Knowledge & Undestanding  | 
                            
                                技能?表現 /Skills & Expressions  | 
                            
                                思考?判断 /Thoughts & Decisions  | 
                            
                                伝達?コミュニケーション /Communication  | 
                            
                                協働 /Cooperative Attitude  | 
                            ||
|---|---|---|---|---|---|---|---|---|
| 1 | ウェブサイトの構造を理解し、制作スキルを習得する。 | ○ | ○ | |||||
| 2 | ウェブユーザビリティを学び、その特性を理解しながらデザイン表現力を身につける。 | ○ | ○ | |||||
| 3 | HTML5、CSS、ウェブサービスを横断したウェブサイト制作を目指す。 | ○ | ○ | 
| No. | 
                                到達目標 /Learning Goal  | 
                            
                                定期試験 /Exam.  | 
                            課題制作 | 授業理解 | |||
|---|---|---|---|---|---|---|---|
| 1 | ウェブサイトの構造を理解し、制作スキルを習得する。 | ○ | |||||
| 2 | ウェブユーザビリティを学び、その特性を理解しながらデザイン表現力を身につける。 | ○ | |||||
| 3 | HTML5、CSS、ウェブサービスを横断したウェブサイト制作を目指す。 | ○ | |||||
| 
                                評価割合(%) /Allocation of Marks  | 
                            85 | 15 | |||||