11月の授業日記

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

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

プルダウンメニュー

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

jQueryの設置

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

CSS3

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

ビヘイビア>効果

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

今日の一言

頑張りましたがカエルが動かんとですしあのメニューバーなおらんとです

11/12 効果

Fade

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

今日のひとこと

スナフキンかわいい

11/19 新トップページ

効果

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

今日のひとこと

まじ追いつかないウェブ向かん

11/26 企業サイト制作

商業デザイン

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

価値判断の基準

どこに優先順位をおくか

制約の中で制作

  • 時間
  • 予算

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

1.クライアント

2.プロデューサー=予算配分

3.ディレクター=実制作の総指揮

4.デザイナー=(html/cssレベルは担当することも)

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

ウェブ制作のワークフロー

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

企画・構成

既存サイトの分析

客観性

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

1.市場調査・分析

2.競合分析

3.既存サイト分析

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

競合分析