11月の授業日記

11/7 jQueryとCSS3

jQueryブルダウンメニュー

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

jQueryの設置

1　　 Query本体 Queryを動かすためのファイル
2　 プラグインファイル Queryのコードで記述した命令ファイル

読み込む順番が違うとクリアされてしまう

コードのカスタマイズ

自分のファイルで使用するにはセレクタを合わせるなどのカスタマイズが必要

  • 今回は＃menu＞nav

    • CSS3

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

    ビヘイビア＞効果

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

    • 私の効果

    今日の一言

    問題なく終えられた。

    　

    11/21 新トップページ

    効果

  • きっかけにしたい対象を選ぶ
  • どの効果をどこに試すかを決める

    • 今日の一言

    問題なくできた。

    11/28 サイトデザイン

    プロとアマチュアの違い

    価値判断の基準

    1.　顧客

    2.　クライアント

    3.　発注者

    4.　制作者

    制作にまつわる制約

  • 時間
  • 予算

    •  

    web制作に関わるスタッフ

    1.クライアント

    2.プロデューサー

  • 予算配分・外注先決定

    • 3.ディレクター

  • 実制作の総指標

    • 4.デザイナー

  • デザイン(html・CSSレベルまでやることも)

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

  • scipt/php/CGI等

    • web制作のワークフロー

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

     

    企画・構成

    既存サイトの分析

    客観性

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

    1.市場調査・分析

    2.競合分析

    3.既存サイト分析

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

    競合分析