Webデザイン演習

講義概要

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

評価方法

2回の課題作成とレポート提出（企画書）により講義の理解度を判断するとともに,Webテストを含め総合評価とする

課題提示

　2015年10月2日　第一回課題制作、オリジナル写真、Ｗｅｂサイト用資料、文章作成の課題あり

講義計画

  1. 第一講【授業の全体概要説明とDreamweaverについて】
  2. 第二講【画面構成とレイアウト （基礎レイアウト練習）】
  3. 第三講【Web全体の基礎知識／HTML(XHTML)の基本、Webページ作成の手順　Web設計と配色・バランス】
  4. 第四講【Webサイトの装飾・レイアウトの管理に有用なCSSの基礎知識 】
  5. 第五講【CSS 情報の意味構造と表現のデザイン（Dreamweaver基礎1）】
    • このサンプルをダウンロードしてください。実際の画像張替え、文字入れ替え演習を行います
    • 来週の中間発表に向けての作業ド
    • Ｄｒｅａｍｗｅｖｅｒとの連携できる　Fireworks　で画像処理（文字デザイン・アニメーション・スライス）
    • Fireworks参考サイト１
    • Fireworks参考サイト2
  6. 第六講【課題制作(1)】
    • このサンプルをダウンロードしてください。（WEBテンプレート）
    • このサンプルをダウンロードしてください。（WEBテンプレート）
    • サンプルを使って実際の画像張替え、文字入れ替え演習を行います
    • 中間発表会　6/8　
    • ＺＩＰ形式でデータを下記掲示板へＵＰするか、ＵＳＢ持参で発表してもらいます
  7. 第七講【第一回グループWebサイト作成　提出　　発表会に向けて】
    • 3時限クラス投稿掲示板 　ID PASSは黒板を見るように
    • ！(ZIP形式で投稿すること！）
    • 4時限クラス投稿掲示板 　ID PASSは黒板を見るように！
    • (ZIP形式で投稿すること！）
    • 最終締め切りは11月13日昼休みでロックします！
    • 作品のデータは、全て半角英数文字使用、ホルダーに入れて
    • 圧縮形式にして投稿する（10ＭＢ以内）
    • 11/13に、1グループ。個人で2分程度でテーマ、制作したＷｅｂサイト内容の説明をしてもらいます
  8. 第八講【課題制作２入ります。ＷＥＢ、ＷＥＢ+Ｆｌａｓｈ、】
  9. 第九講【FlashとHTML.CSSサイト構築）1】
  10. 第十講【HTML.CSSサイト構築 ）2】
  11. 第十一講【Flashでのメニューデザインとプログラム】
    • サンプルを渡します
  12. 第十二講【Flashでのメニューデザインとプログラム】
  13. 第十三講【最終課題作成日】
    • Ｐｈｏｓｈｏｐ講座その他
  14. 第十四講　最終課題発表会(圧縮ファイルは、ＺＩＰ形式10-15ＭＢ以内)(不要な画像データは削除すること！)　　　課題発表会は1月8日　次回の試験範囲の解説をします
    • 新　第二回課題　12/18締め切り！3時限クラス投稿掲示板 　ID PASSは黒板を見るように！
    • 新　第二回課題　12/18締め切り　4時限クラス投稿掲示板 　ID PASSは黒板を見るように！
    •  
    • *最終締め切り！は2016年1月18日正午　サーバは投稿停止にします！
  16. 第十五講【課題制作(2)と総評 】ＷＥＢＣＬＡＳＳテストを1/22（金曜）に実施　　　　　
    • 最後にテストを実施します。