11月の授業日記

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

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

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

jQueryの設置

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

1 jQuery本体

jQuery自体を動作されるファイル>一番上に
2 スクリプトファイル

jQueryのコードで記述した命名ファイル

CSS3

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

ビヘイビア>効果

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

今日の一言

かえるがぴょこぴょこはねるのが面白かったです

11/12 効果

fade

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

今日の一言

難しかったです

11/26 企業サイト制作

商業デザイン

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

価値判断の基準

どこに優先順位をもって置くか

制約の中での制作

  • 時間
  • 予算

ウェブ制作に関わるスタッフ

  1. クライアント
  2. プロデューサー＝予算配分
  3. ディレクター＝実制作の総指揮
  4. デザイナー＝(html/cssレベルは担当することも)
  5. プログラマー・コーダー
 プリプロダクション  オリエン
   企画・構成
   デザイン案
   プレゼン
 実制作時間  原稿制作・編集
   パーツデザイン
   コーディング
   テスト・デバック
   
 ホストプロダクション  更新

企画・構成

既存サイトの分析

客観性

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

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

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