基金訓練webデザイン講座39日目

Photoshopでカンプ作成

今日の授業はほぼカンプ作成。
手書きのラフ時点でMENU決めとコンテンツの配置に悩み、デザインまでこぎつけず。。

MEMO
  • ヘッダー、フッター、ビルボードの処理が重要。→繋がっているイメージ。
  • 透過pingで重層的に。→はみ出せ!重ねろ!(IE6対策必須→IE-TESTERでチェック。)
  • アップ画像は寄りで超でっかく。引いた画像はより引きで。
Acrobat
  • .aiや.psdの生データからpdfファイルを作成する。
  • 検索させたいのであれば、文字のアウトラインはとらない。
Bind
  • Bind
  • htmlを打たなくてもキレイなサイトがつくれる。
  • ある程度のカスタマイズはできるが、微調整はむずかしい。

基金訓練webデザイン講座38日目

今日はjQuery & Lightboxで横スライド

http://kikinkunrenweb.yu-yake.com/jugyou/20110722/javascript/scroll/index.html

なぜか「jQuery lightBox plugin」が、ココ↑からは現在ダウンロードできないので、“Example”をクリック。ページ上で右クリックし、“jquery.lightbox-0.5.pack.js”をコピーして名前をつけて保存。(今回は“lightbox.js”)

http://flowplayer.org/tools/index.html

MEMO
  • highslide.com
  • 背景画像になっているボタンの画像をダウンロードする →ボタンの上で右クリック →「背景画像だけを表示」

Flashクロスフェード課題

後半はFlash

配列を使ったクロスフェード

ひとつのページに2つ以上のクロスフェードを導入可。

基金訓練webデザイン講座37日目

Flashで“今日の運勢”

本編のタイムラインとキャラクター(unsei_mc)のタイムラインは別物なので、本編のタイムラインから、“unsei_mc”への Stopの命令はきかない。(ムービークリップは時間軸を持っている)→Stopの記述をした本編のフレーム(1)に飛ばす。

MEMO

JavaScript(for関数とArray関数)

基金訓練webデザイン講座36日目

jQueryアコーディオンメニュー作成

今日の授業は前半は jQueryの基本。
まずは、jQuery のサイトからソースをダウンロードしてローカルに保存。

ローカルに保存.jsにリンクする以外に、“Google Ajax API CDN”のurl(jQueryのダウンロードページの“Google Ajax API CDN”に直リンクも可。


http://jquery.com/

http://ascii.jp/elem/000/000/438/438206/

授業の進行で使ったのが ASCII.JPのサイト。
実際にタグを打ちながら、どう変わるのか確認。
jQuery初心者にはコレがBEST!自宅で練習しましょう。

Math関数・randam関数

後半はFLASHを使ったActionScript2.0で、Math関数・randam関数。
とりあえず、スクリプトを記述すると動くけど、関数とか数学的なものはやっぱりちょっと苦手です。。

以下講師ブログより参照。

Math.random(); 擬似乱数を発生させる
  • 0.000…から4.999 までの数字を発生させたい場合は Math.random()*5;
  • 0.000…から9.999 までの数字を発生させたい場合は Math.random()*10;
Math.floor(); 小数点以下を切り捨てて整数を返す
  • Math.floor(1.5); →戻り値 1
  • Math.floor(-1.5); →戻り値 2
Math.ceil(); 小数点以下を切り上げて整数を返す
  • Math.ceil(12.5); →戻り値 13
引数
  • Math.round…小数点以下四捨五入
  • Math.floor…小数点以下切り捨て
  • Math.ceil…小数点以下切り上げ
MEMO
  • Google Libraries API
  • JavaScriptCSSを外部リンクにする理由 → 一度読み込んだファイルの内容はキャッシュされるので、2回目以降のページを高速表示できる。
  • Scriptは“1”ではなく“0”から数える。

基金訓練webデザイン講座35日目

CSSレイアウトまとめ

今日は切り出された画像を元にCSSを組むというもの。
トップページと第2階層を1ページずつ、2つのサイトをつくりました。
というか、授業中に全部終わらず、宿題に。。
ソースが汚いので、あとで直しますが、とりあえずアップします。

http://kikinkunrenweb.yu-yake.com/jugyou/20110719/css/restraunt/

http://kikinkunrenweb.yu-yake.com/jugyou/20110719/css/photoalbaum/