11/5 プルダウンメニューと効果
プルダウンメニューのようなよく使われるものにもjQueryが用いられる
プルダウンメニュー
| メニューを重なり順 |
z_index |
| メニューを非表示に |
display:none |
| on/offのコントロール |
jQuery |
jQueryの設置
本体とスクリプトファイルは読み込む順番が違うとクリアされてしまうので注意
| 1 |
jQuery本体 |
jQuery自体を動作させるファイル＞1番上に |
| 2 |
スクリプトファイル |
jQueryのコードで記述した命令ファイル |
CSS3
CSSの最新バージョンCSS3では不透明度やトランジションなど様々な表現方法が増えたが互換性に注意
ビヘイビア＞効果
- CSSトランジションをjQueryで使用できるようにしたプリセット
- scriptタグの重複で動かなくなることもあるので注意
きょうのひとこと
ちょっとややこしい所もありましたがなんとか出来ました！
11/19 新トップページ
効果
- きっかけにしたい対象を選ぶ
- 効果を施す対象はきっかけと別にもできる
- 複数の効果も設定可能
きょうのひとこと
トップページの画像の設定がうまくできませんでした…
11/26 企業サイト制作
商業デザイン
お金をもらって作るデザイン
価値判断の基準
どこに優先順位を置くか
制約の中で制作
web制作に関わるスタッフ
- クライアント
- プロデューサー=予算配分
- ディレクター＝実制作の総指揮
- デザイナー＝(html/cssレベルは担当することも)
- プログラマー・コーダー
web制作のワークフロー
| プリプロダクション |
オリエン |
| 企画・構成 |
| デザイン案 |
| プレゼン |
|
| 実制作期間 |
原稿作成・編集 |
| パーツデザイン |
| コーディング |
| テスト・デバッグ |
| 完成・納品 |
| ホストプロダクション |
更新 |
企画・構成
既存サイトの分析
客観性
評価の指標には客観性が求められる
- 市場調査・分析
- 競合分析
- 既存サイト分析
ユーザーニーズや競合との比較からどうあるべきかを導く
競合分析