11月の授業日記

11/7 JQueryとCSS3

 

JQueryプルダウンメニュー

メニューの重なり順

zindex
メニューを非表示に

display.none

on/offコントロール JQuery

JQueryの設置

1 JQuery本体 JQueryを動かすためのファイル
プラグインファイル 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. 既存サイト分析

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

総合分析

今日のひとこと

学校によってサイトがかなり違い、それぞれの校風がよく出ていると思いました。

それぞれ様々な問題点があり、勉強になりました。