[Web Design]

Webデザイン

授業内容

本講義では,インターネットで最も重要なWeb技術であるHTMLとCSSのコーディングを習得し,架空のWebサイトをチュートリアル形式で作成しながら,基本的なHTML要素/CSSの基本構造を習得する.また,Webサイトレイアウトのテクニックやデザイン(Webデザイン&レスポンシブデザイン)の基本を習得する.(教職科目)

授業計画
Date Content
第1回 1. デザインの基本知識とサイト制作の前準備
第2回 2. HTMLの基本と書き方,演習課題の制作
第3回 3. CSSの基本と書き方,演習課題の制作
第4回 4. レスポンシブデザインの基本と書き方,演習課題の制作
第5回 5. フルスクリーンレイアウトの制作,演習課題の制作
第6回 6. フレックスボックスレイアウトの制作,演習課題の制作
第7回 7. 動画コンテンツページの制作,演習課題の制作
第8回 8. 格子状レイアウトの制作,演習課題の制作
第9回 9. ショップページと問い合わせページの制作
第10回 10. 理解度確認テスト
第11回 11. 理解度確認テストの解説,情報収集と企画設計
第12回 12. 企画設計発表とデザイン作業
第13回 13. デザイン発表とWebサイト制作作業
第14回 14. Webサイト制作作業
第15回 15. Webサイト成果発表