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にしておく必要がある。

今日のひとこと

新しいTOP画像を作るのが楽しかった。 

11/19  新トップページ

 効果

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

今日のひとこと 

色々な設定があって大変だったが、ページに動きが出ると個性が出て良いと思った。 

11/26  企業サイトデザイン

商業デザイン 

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

 価値判断の基準

どこに優先順位を置くか 

 制約の中で制作

  •  時間
  • 予算 

Web制作に関わるスタッフ 

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

 Web制作のワークフロー

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

企画・構成

既存サイトの分析

客観性

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

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

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

競合分析 

今日のひとこと

YDAもWebサイトに力を入れて欲しい。