11月の授業日記




11/7jQueryとCSS3

jQueryプルダウンメニュー

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

jQueryの設置

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

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

コードのカスタマイズ

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

  • 今回は#menu>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. 既存サイト分析

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

 

競合分析

きょうのひとこと

将来Web関係に行って見たいと思っていたので、今回の話は非常に興味深く、大変参考になりました!

もっとこういう話が聞いてみたいです!!!!!!!!!!!