11月の授業日記

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

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

 

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

jQueryの設置

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

 

 1  jQuery自体を動作させるファイル＞一番上に
 2  jQueryのコードで記述した命令ファイル

CSS3

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

ビヘイベア＞効果

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

今日の一言

よくwebサイトでみかけるやつができて面白い。 

11/12　効果

Fade

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

今日の一言

 ヘッダーがずっとずれてる・・・

11/19　新トップページ

効果

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

今日の一言

知らない機能がたくさんある〜！

11/26　企業サイト制作

商業デザイン

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

価値判断の基準

どこに優先順位を置くか

制約の中で制作

  • 時間
  • 予算

web制作に関わるスタッフ

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

web制作のワークフロー

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

 

企画・構成

既存サイトの分析

客観性

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

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

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

競合分析