Webデザイン演習

講義概要

 Webデザインとは、単なる見かけのデザインだけを指すのではなく、優れたHPの内容全般を設計(デザイン)する事を意味する。
 本講義では魅力あるHPを目指し、WEBサイトを「自ら作るもの」としてとらえられるように既存サイトの背景・文法を紹介し、そこからWEBサイトにおける表現技法や制作技法を学ぶ。 また、この科目の習得によってインターネット上での自己表現やプレゼンテーション能力の向上を図る。

評価方法

 数回の課題作成とレポート提出(スケッチブック含む)により講義の理解度を判断するとともに、出席状況および演習の課題を総合的に勘案して評価する。

課題提示

 2011年5月6日現在課題は出ていません。

講義計画

  1. 第一講【授業の全体概要説明とDreamweaverについて】
  2. 第二講【画面構成とレイアウト (基礎レイアウト練習)】
  3. 第三講【Web全体の基礎知識/HTML(XHTML)の基本、Webページ作成の手順 Web設計と配色・バランス】
  4. 第四講【Webサイトの装飾・レイアウトの管理に有用なCSSの基礎知識 】
  5. 第五講【CSS 情報の意味構造と表現のデザイン(Dreamweaver基礎1)】
  6. 第六講【課題制作(1)】
    • このサンプルをダウンロードしてください。(WEBテンプレート)
    • このサンプルをダウンロードしてください。(WEBテンプレート)
    • サンプルを使って実際の画像張替え、文字入れ替え演習を行います
    • 中間発表会 6/8 
    • ZIP形式でデータを下記掲示板へUPするか、USB持参で発表してもらいます
  7. 第七講【第一回グループWebサイト作成 発表会】
  8. 第八講【課題制作2入ります。WEB、WEB+Flash、】
  9. 第九講【FlashとHTML.CSSサイト構築)1】
  10. 第十講【HTML.CSSサイト構築 )2】
  11. 第十一講【Flashでのメニューデザインとプログラム】
    • サンプルを渡します
  12. 第十二講【Flashでのメニューデザインとプログラム】
  13. 第十三講【最終課題作成日】
    • Phoshop講座その他
  14. 第十四講 最終課題発表会 7/21 (圧縮ファイルまたは、FlashデータのSWF,またはUSBでも可ですが、掲示板にはテーマ、                   学籍番号などを記入しておくこと) 授業開始前完了のこと!
  15. 第十五講【課題制作(2)と総評 】 7/28
    • 最後にテストを実施します。