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. 既存サイト分析

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

競合分析