11月の授業日記

11/07 jQueryとCSS3

jQweryプルダウンメニュー

メニューの重なり順 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. プログラマー・コーダー
    • script/php/CGI等

web制作のワークフロー

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

企画・構成

既存サイトの分析

客観性

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

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

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

競合分析

きょうのひとこと

私も早く実用的なサイトを作れるようになりたいです。