11月の授業日記

11/11 プルダウンメニュー

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

プルダウンメニュー

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

jQueryの設置

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

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

CSS3

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

ビヘイビア＞効果

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

    • きょうのひとこと

    ぴょんぴょん飛ぶのが面白かったです✨

    11/18 効果

    Fade

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

    • きょうのひとこと

    ちょっとよくできなかったのでもういっかいちゃんとやりたいです😭

    11/25 効果のコーディング

    効果

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

    • きょうのひとこと

    なんか面白いのが出来ました😌

    12/2 企業サイト制作

    商業デザイン

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

    価値判断の基準

    どこに優先順位を置くか

    制約の中で制作

  • 時間
  • 予算

    • web制作のワークフロー

    プレゼンテーション

    1.オリエン
    2.企画・構成・デザイン案
    3.プレゼン

    実制作

    1.原稿作成・編集
    2.パーツデザイン
    3.コーティング
    4.テスト・デバック

    完成・納品

    更新

    企画・構成

    既存サイトの分析

    客観性

    評価の指標には客観性が求められている
      1.市場調査・分析
      2.競合分析
      3.既存サイト分析

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

    競合分析

    きょうのひとこと

    なんか、いまいちできなかったです、、😭