11月の授業日記

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

新規 article タグの内容がここに入ります

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

プルダウンメニュー

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

jQueryの設置

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

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

CSS3

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

ビヘイビア>効果

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

きょうのひとこと

今日はスムーズに取り組めてよかった

11/12 効果

Fade

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

今日の一言

遅れた分を取り戻せ!

11/19 新トップページ

効果

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

今日のひとこと

アニメーションで色々やると楽しそう

11/26 企業サイト制作

商業デザイン

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

価値判断の基準

どこに優先順位を置くか

制約のなかで制作

  • 時間
  • 予算

web制作に関わるスタッフ

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

web制作のワークフロー

プリプロダクション

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

実制作期間

 原稿作成・編集
 パーツデザイン
 コーディング
 テスト・デバック

 完成・納品

 ポストプロダクション  更新

企画・構成

既存サイトの分析

客観性

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

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

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

 競合分析