11月の授業日記

11/07　jQueryとCSS3

jQueryプルダウンメニュー

メニュー重なり Zindex
メニューを非表示時に display:none
om/offコントロール jQuery

jQueryの設置

1 jQuery本体 jQueryを動かすためのファイル
2 プラグインファイル jQueryのコードで記述した命令ファイル

読み込む順番が違うとクリアされてしまう

コードのカスタマイズ

自分のファイルで使用するにはセレクタを合わせるなどのカスタマイズが必要
  • 今回は＃menu＞nav

CSS3

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

ビヘイビア＞効果

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

11/21 新トップページ


効果

  • きっかけにしたい対象を選ぶ
  • どの効果をどこに施すか決める

11/28 企業サイトデザイン


プロとアマチュアの違い

価値判断の基準

  1. 顧客
  2. クライアント
  3. 発注者
  4. 制作者

制作にまつわる制約

  • 時間
  • 予算

web制作に関わるスタッフ

  1. クライアント
  2. プロデューサー

    3. ・予算配分/外注先決定

  3. ディレクター

    4. ・実制作の総指揮

  4. デザイナー

    5. ・デザイン（html/cssまではやる事も）

  5. プログラマー・コーダー

    6. ・script/php/CGI等

web制作のワークフロー

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

企画・構成

既存サイトの分析

客観性

評価の指標には客観性が求められる
  1. 市場調査・分析
  2. 競合分析
  3. 既存サイトの分析
ユーザーニーズや競合との比較からどうあるべきかを導く

競合分析