11月の授業日記

11/7 jQueryとCSS3

jQueryプルダウンメニュー

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

jQueryの設置

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

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

コードのカスタマイズ

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

  • 今回は#name>nav

CSS3

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

ビヘイビア>効果

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

今日のひとこと

今回はとてもスムーズに出来ました。眠い。

11/21 新トップページ

効果

  • きっかけにしたい対象を選ぶ
  • どの効果を何処まで施すか決める

今日のひとこと

デザインビューとリアルタイムプレビューだとかなりズレがあったので微調整するのが大変でした。

11/28 企業サイト

プロとアマチュアの違い

価値判断の基準

  1. 顧客
  2. クライアント
  3. 発注者
  4. 制作者

制作にまつわる制約

  • 時間
  • 予算

web制作に関わるスタッフ

  1. クライアント
  2. プロデューサー 
      •   予算区分・外注先決定
  3. ディレクター   
      •  実制作の総指揮
  4. デザイナー     
      • デザイン(html・cssレベルまではやることも)
  5. プログラマー・コーダー     
      • script/php/CGI等

web制作のワークフロー

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

企画・構成

既存サイトの分析

客観性

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

 

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

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

競合分析

今日のひとこと

今日はなんだか眠い1日でした。スヤァ🙇‍♀️