GA-コミュのFireworksのビヘイビア（5種）

ページをデザインする際の共通の作業

　■ファイル→新規作成
　　※ブラウザのサイズを意識して大きさを決める

　■画面表示→ルーラ表示

　■画面表示→グリッド→グリッドの編集
　　※２箇所にチェックを入れ、ファイルをきれいに分割するグリッドサイズを設定

　　※デザインのフェーズに合わせて、グリッドサイズは臨機応変に変更する
　　　　　（大→小など）

　■ルーラからガイド

　■四角形ツール、ペンツール、文字ツールなどでページを作成する
　　※あとはプロパティの設定だけ、使ってもマスク処理（テキスト参照）

　■スライスを作成
　　※各エレメントをスライスツールでドラッグする
　　※隙間や重なり部分を作成しないよう、注意する
　　※写真などのスライス部分はGIF→JPGにする（最適化）

=============シンプルロールオーバー============

■ウィンドウ→フレーム

■フレーム右上のオプションメニューからフレームの複製
　「1（オーバー時）」→「OK」

■スライスとホットスポットの非表示をクリックし、オーバー時の設定を行う
　※スライスをはみださない範囲で、文字や色の設定を変更する

■スライスとホットスポットの表示をクリック

■ウィンドウ→ビヘイビア

■ボタン部分のスライスを選択し、ビヘイビア→「＋」→シンプルロールオーバー

■F12で動作確認

=============スワップイメージ============

■ウィンドウ→フレーム

■フレーム右上のオプションメニューからフレームの複製
　「（切り替えるボタンの個数）」→「OK」

■スライスとホットスポットの非表示をクリックし、オーバー時に
　切り替える各フレームのイメージを作成する

■スライスとホットスポットの表示をクリック

■ウィンドウ→ビヘイビア

■ボタン部分のスライスを選択し、ビヘイビア→「＋」→スワップイメージ

■スワップイメージのダイアログボックスが開いたら
　画像を表示させる場所（右上のグレーの部分から選択）と、
　表示させるフレーム番号（画面中央のメニューから選択）を選ぶ

　　※画像を切り替えるスライスごとに設定する

■F12で動作確認

=============ナビゲーションバーイメージ============

■ウィンドウ→フレーム

■フレーム右上のオプションメニューからフレームの複製
　「3（オーバー、ダウン、オーバダウン）」→「OK」

■スライスとホットスポットの非表示をクリックし、オーバー時に
　切り替える各フレーム（オーバー、ダウン、オーバダウン）のイメージを作成する

■スライスとホットスポットの表示をクリック

■ウィンドウ→ビヘイビア

■ボタン部分のスライスを選択し、ビヘイビア→「＋」
　　→ナビゲーションバーイメージの設定

■ナビゲーションバーイメージの設定のダイアログボックスが開いたら
　「オーバーダウンでフレーム４を表示」にチェックを入れる

　　※画像を切り替えるスライス（各メニューボタン）ごとに設定する

■F12で動作確認

　※タブで切り替わるサイトなどはこれを使用して作成する

=============ポップアップメニュー============

■ウィンドウ→フレーム

■ボタン部分のスライスを選択し、
　ビヘイビア→「＋」→ポップアップメニューの設定

　※タブで切り替えて各ダイアログを設定する

■F12で動作確認

　※FLASHアニメーションの上には、このポップアップメニューは表示されない
　　　　→ポップアップメニューとFLASHは組み合わせない、または
　　　　　　　FLASHの下にポップアップメニューを置く、または
　　　　　　　FLASHでポップアップメニューを作成する、という解決策をとること

=============ステータスバーメッセージ============

■ウィンドウ→フレーム

■ボタン部分のスライスを選択し、
　ビヘイビア→「＋」→ステータスバーテキストの設定

■表示するメッセージを入力して「OK」

■ボタン部分のスライスを選択し、
　ビヘイビア→「＋」→ステータスバーテキストの設定

■メッセージを入力するところになにも入力しないで「OK」

■ビヘイビアパネルでメッセージを入力しなかったほうのイベントを
　「onMouseOver」から「onMouseOut」に切り替える

■F12で動作確認

=======================================
※ナビゲーションでは、すべて使用しなくても結構です。