11/5 プルダウンメニューと効果
プルダウンメニューのようなよく使われるものにもjQueryが用いられる
プルダウンメニュー
| メニュー重なり順 |
z-index |
| メニューを非表示に |
display:none |
| on/offのコントロール |
jQuery |
jQuery
本体とスクリプトファイルは読み込む順番が違うとクリアされてしまうので注意
| 1 |
jQuery本体 |
jQuery自体を動作させるファイル＞一番上に |
| 2 |
スクリプトファイル |
jQueryのコードで記述した命令ファイル |
CSS3
CSSの最新バージョンCSS3では不透明度やトランジションなど様々な表現方法が増えたが互換性に注意
ビヘイビア＞効果
- CSSトランジションをjQueryで使用できるようにしたプリセット
- scripタグの重複で動かなくなることもあるので注意
今日の一言
diaryのリストを増やす動作に少し戸惑った部分があったのですが、それ以外は特に問題なくできました！！
11/12 効果
Fade
癖が少なく使いやすい。フェードインさせるにはdisplay:noneにしておく必要がある。
今日の一言
Dreamweaverからプレビューをしてしまい、見てしまって少し戸惑ってしまったのですが、教材をもう一度確認して理解できました。
11/19 新トップページ
効果
- きっかけにしたい対象を選ぶ
- 効果を施す対象はきっかけと別にもできる
- 複数の効果も設定可能
今日の一言
着々と新しいトップページができてきて、ワクワクしています！今週もありがとうございました！
11/26 企業サイト制作
商業デザイン
お金をもらって作るデザイン
価値判断の基準
どこに優先順位をおくか
制約内で制作
web制作に関わるスタッフ
- クライアント
- プロデューサー＝予算配分
- ディレクター＝実制作の総指揮
- デザイナー＝(html/cssレベルは担当することも)
- プログラマー・コーダー
web制作のワークフロー
| プリプロダクション |
オリエン |
| 企画・構成 |
| デザイン案 |
| プレゼン |
| 実制作期間 |
原稿作成・編集 |
| パーツデザイン |
| コーディング |
| テスト・デバック |
| 完成・納品 |
| ポストプロダクション |
更新 |
企画構成
既存サイトの分析
客観性
評価の指標には客観性が求められる
- 市場調査・分析
- 競合分析
- 既存サイト分析
ユーザーニーズや競合との比較からどうあるべきか導く
競合分析
既存サイト分析と提案
コンテンツの分析
- YDAのサイトは全体的に文字などが大きく、画像数も多く感じ、見えやすさがあった。
- ただ、東京デザイン専門学校と比べるとやはり差が出ていた。
- 動きをもう少し入れるとさらに良くなるのではないかと感じた。