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. 既存サイト分析
    ユーザニーズや競合との比較からどうあるべきかを導く

    競合分析

    既存サイトの分析と提案