11月の授業日記

11/5　プルダウンメニューと効果

プルダウンメニューのようなよく使われるものにもjQuery が用いられる

プルダウンメニュー

メニュー重なり順   z-index
メニューを非表示に   display:none
on/offのコントロール   jQuery

jQueryの配置

本体とスクリプトファイルは読み込む順番が違うとクリアされてしまうので 注意

1 jQuery本体 jQuery自体を動作させるファイル＞一番上に
2 スクリプトファイル jQueryのコードで記述した命令ファイル

CSS3

CSSの最新バージョンCSS3では不透明度やトランジョンなど様々な表現方法が増えたが互換性に注意

ビヘイビア＞効果

  • CSSトランジョンをjQueryで使用できるようにしたプリセット
  • scripタグの重複で動かなくなる事 もあるので注意

今日の一言

難しかった

11/12 効果

fade

  • 癖が少なく、使いやすい。フェードインさせるにはdisplay:noneにしておく必要

今日の一言

上手にできました。 

 

11/19 新トップページ

効果

  • きっかけにしたい対象を選ぶ
  • 効果を施す対象はきっかけと別にもできる
  •  複数の効果も設定可能

今日の一言

上手にできました 。

11/26  企業サイト制作

商業デザイン

お金をもらって作るデザイン

価値判断の基準

どこに優先順位を置くか

制約の中で制作

  • 時間
  • 予算 

web制作に関わるスタッフ

  1. クライアント
  2. プロデューサー＝予算配分
  3. ディレクター＝実制作の総指揮
  4. デザイナー＝（html/cssレベルは担当することも）
  5. プログラマー・コーダー

web制作のワークフロー

プリプロダクション    オリエン
 企画構成
 デザイン案
プレゼン 
 原稿作成・編集
  実製作期間  パーツデザイン
 コーディング
 テスト・デバック
完成・納品 
  ポストプロダクション 更新

企画・構成

既存サイトの分析

客観性

評価 の指標には客観性が求められている

  1. 市場調査・分析
  2. 競合分析
  3. 既存サイト分析

ユーザーニーズや競合との比較 からどうあるべきかを導く

競合分析 

今日の感想

上手にできました。