シラバス情報

授業コード
36510001
講義名
Webサイト制作実践演習 I
開講時期
2024年度1Q(前期)
科目分類
演習
科目分野
Web
教員名
小松 学史
実務家教員
実務家教員
履修年次
2〜3
単位数
2単位
曜日時限
土曜1限、土曜2限

授業概要
PC教室の端末や履修生のPCを使用し、デザインカンプや出題される課題を元にコーディング計画を立て、文書構造の作成・レイアウト実践を数多く行なうことで、実務レベルでのWebコーディングスキルを習得する。

到達目標
デザインカンプや出題される課題からWebサイトの文書構造をイメージし、それを形にするためのマークアップを授業内で繰り返し行なうことで、実務レベルでのWebコーディング手法を理解する。
履修条件
・Webサイトマークアップ演習
・Webサイトスタイリング演習

上記すべての単位修得
履修条件緩和
課題による緩和あり
成績評価方法・基準
課題点90%+授業態度10% 左記で採点を行う。

出席率70%未満のものは、採点を行わない

期末試験の内容
課題提出をもって評価する。

課題内容はグループウェアや演習中に告知する。

提出された課題をもって評価する。

試験や追試験、再試験等は行わない

課題の内容

授業内容
第1回
・授業の進め方、評価について
・制作の環境について
・授業の内容について
・HTMLコーディングの計画について
・HTMLとCSSを使ったレイアウトの考え方について
・Flexboxについてのプロパティについて
・課題演習について
第2回
・CSSの劣化についえt
・コーディングガイドライン、規約について
・W3Cのバリデーション
・OOCSSについて
・可変と固定のレイアウトについて
・質問返答
・課題1フィードバック
第3回
・CSSの継承と上書きについて
・CSSの詳細度について
・ブラウザのデベロッパーツールついて
・コーディング時に知っておいてほしいデザインの原則
・可変背景
・positionプロパティの使用について
・課題2フィードバック
第4回
・スマートフォン対応について
・viewportについて
・スマートフォン上での可変と固定について
・課題3フィードバック
第5回
・課題5(総合の課題)についての要件説明
・複数ページを作る上での考え方
・CSSの設計について
・課題4フィードバック
第6回
・課題5についてのフィードバック
・CSSレイアウトパターンについて
・追加課題について
第7回
・課題5についてのフィードバック
・CSSレイアウトパターンについて
・追加課題について
第8回
・コーディングとアクセシビリティ
・Webサイトの公開について

購入が必要な教科書

教科書以外に準備するもの(画材・機材)

参考文献
※大学での教科書販売はありません。

教員連絡先