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:noneにしておく必要

きょうのひとこと 

 先日まで習ったことを実践としてサイトが形になっていくのが楽しかったです。

 11/19　新トップページ

　効果 

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

きょうのひとこと 

 今日は色々な効果を試したり、自分で設定するのがとても楽しかったです。きっかけの作用にも幅があることを知れたのが面白かったです。

11/26  企業サイト制作

 商業デザイン

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

価値判断の基準 

 どこに優先順位を置くか

制約の中で制作 

  • 時間
  •  予算

web制作に関わるスタッフ

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

web制作のワークフロー 

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

企画 ・構成

既存サイトの 分析

客観性 

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

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

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

 競合分析