Dreamweaver 4 の簡潔なチュートリアル (8. Web ページにインタラクティブ効果を追加する 2)
著者:Eve Cole
更新時間:2009-05-30 18:35:33
8. Web ページにインタラクティブな効果を追加する
より複雑なインタラクティブなエフェクトを作成する
Dreamweaver では、ビヘイビアと呼ばれる関数を通じてより複雑な効果が実現されます。ビヘイビアとは文字通り「動作」を意味し、イベント レスポンスとも呼ばれます。マウスの動き、クリック、その他の「イベント」(イベント)、ポップアップ ウィンドウのトリガー、ページの閉じやその他の「応答」(アクション)など、Web ページ要素の変化を通じて、これはイベント応答です。そしてありがたいことに、「The Act」の制作はほぼ確実に行われます。
Shift+F3 を押して、以下に示すように動作パネルを開きます。
Web ページに動作を追加するには、次の 3 つの手順が必要です。
1. 画像、リンク付きテキスト、レイヤーなど、動作を生成する要素を選択します。ページが読み込まれるとすぐに効果が表示されるようにしたい場合は、ステータス バーでラベル 2 を選択し、 を押します。ボタンは応答を選択し (要素ごとに対応する応答が異なります)、後続のダイアログ ボックスでこの応答のプロパティを設定します。選択できる応答については次のとおりです。
JavaScript を呼び出す: JavaScript を呼び出します。
プロパティの変更: Html タグの CSS スタイルを変更します。
ブラウザを確認:ブラウザごとに異なるページに入ります。
プラグインの確認:ブラウザに必要なプラグインがあるかどうかを確認します。
Shockwave または Flash の制御: Shockwave または Flash アニメーションの再生を制御します。
レイヤーをドラッグ:閲覧者がレイヤー内の要素をドラッグできるようにします。
URL に移動:指定された URL にリンクします。
ジャンプ メニュー、ジャンプ メニュー ゴー:ジャンプ メニューとゴー ボタン。
ブラウザ ウィンドウを開く:新しいブラウザ ウィンドウを開きます。
サウンドの再生:サウンドを再生します。
ポップアップ メッセージ:警告ウィンドウをポップアップします。
画像のプリロード:事前に画像を読み込みます。
ナビゲーション バーの画像を設定:ナビゲーション バーの画像を設定します。
テキストの設定:特定の場所にテキストを表示します。
Show Hide Layer:レイヤーを表示または非表示にします。
画像の交換、画像の交換復元:画像を変換し、元の画像を復元します。
タイムライン:タイムラインの再生を制御します。
フォームの検証:フォームの正確性を検証します。
より多くの動作を取得:より多くの動作イベントをダウンロードします。
3. [イベント] を選択して、どのような状況で応答がトリガーされるかを決定します。一般的なイベントには次のようなものがあります。
onMouseOver:マウスがターゲットに移動します。
onMouseUp:マウスが押されてから左ボタンが放されたとき。
onMouseOut:マウスが離れたとき。
onMouseDown:マウスが押されたとき (左ボタンを放す必要はありません)。
onClink:クリックされたとき。
onDblClick:ダブルクリックしたとき。
onLoad: Web ページをロードするとき。
onUnload:ページを離れるとき。
onResize:ビューアが閲覧ウィンドウのサイズを変更するとき。
onScroll:視聴者がスクロール バーをドラッグしたとき。