11月の授業日記

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

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

プルダウンメニュー

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

jQueryの設置

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

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

CSS3

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

ビヘイビア＞効果

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

きょうのひとこと

プルダウンメニューのやり方やCSS3のやり方がわかった。

11/18　効果

Fade

  • クセがなく使いやすい
  • フェードインさせるにはdisplay:noneにしておく

きょうのひとこと

素敵なトップページができた。

11/25　効果のコーディング

効果

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

きょうのひとこと

なかなか難しかった

12/2　企業サイト制作

商業デザイン

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

価値判断の基準

どこに優先順位を置くか

制約の中で制作

  • 時間
  • 予算

web制作に関わるスタッフ

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

web制作のワークフロー

プレゼンテーション

  1. オリエン
  2. 企画・構成・デザイン案
  3. プレゼン

実制作

  1. 原稿作成・編集
  2. パーツデザイン
  3. コーディング
  4. テスト・デバッグ

完成・納品

更新

企画・構成

既存サイトの分析

客観性

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

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

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

競合分析