Dreamweaver (以下、DW) は、ページ内でインタラクティブな動作を構築するのに役立つ「動作」と呼ばれるメカニズムを提供します。動作とは、Web ページ上で実行される一連のアクションであり、これを通じてユーザーがページと対話します。 DW の動作を使用すると、コードを 1 行も記述することなく、豊富な動的なページ効果を実現し、ユーザーとページの対話を実現できます。
動作はイベントとアクションで構成されます。イベントは、トリガーされたアクションの結果であり、アクションは、ブラウザー ウィンドウを開く、サウンドを再生するなど、特定のタスクを完了するために使用される事前に作成された JavaScript コードです。
ページ要素でビヘイビアーを使用する場合は、トリガーされるアクションとイベントを指定します。 DW は、ページ要素に適用できる特定のアクションをいくつか提供しています。
1. いくつかの基本的な組み込み動作
1. JavaScript の呼び出し (JavaScript の呼び出し)
この動作を使用すると、対応するアクションを実装するために特定のイベントがトリガーされたときに呼び出される、対応する JavaScript スクリプトを設定できます。この動作を設定する場合、JavaScript スクリプトまたは関数を直接入力できます。
2. プロパティの変更 (Change Property)
この動作により、画像のサイズ、レイヤーの背景色などのオブジェクトのプロパティを動的に変更できます。この動作の設定はブラウザのサポートに依存することに注意してください。
3. ブラウザの確認
ブラウザごとにサポート機能に違いがあります。この動作を使用して、ブラウザのバージョンを確認して、別のページにジャンプできます。
4. プラグインの確認
Flash を使用して作成された Web ページなど、作成するページが特定のプラグインのサポートを必要とする場合があるため、ユーザーのブラウザのプラグインをチェックして、指定されたプラグインがあるかどうかを確認する必要があります。インストールされています。この動作はまさにそれを行います。
5. Shockwave または Flash の制御 (Shockwave または Flash の制御)
Shockwave および Flash は、現在の Web ページ制作によく挿入されるオブジェクトです。この動作は、これらのオブジェクトを制御するために使用されます。これを使用してアニメーションの再生、停止、復帰を制御したり、直接ジャンプするフレームを制御したりすることもできます。
6. レイヤーの移動 (レイヤーのドラッグ)
「レイヤーの移動」動作では、ページ上のレイヤーの移動、さらにはレイヤー化されたコンテンツの移動を実現できます。
7. URL へジャンプ (Go To URL)
現在のブラウザ ウィンドウまたは指定したフレーム ウィンドウを指定して、指定したページを読み込むことができます。
8. ジャンプ メニュー
「ジャンプ メニュー」ビヘイビアーは主にジャンプ フォームの編集に使用されます。
9. ポップアップ メッセージ ダイアログ ボックス (Popup Message)
ページ上に情報ダイアログ ボックスを表示する場合、またはユーザーにプロンプト メッセージを表示する場合は、この動作を使用できます。
2. 簡単な例
以下では、ビヘイビアの使用を紹介するための例として動的な写真を取り上げます。まず、同じサイズの 2 つの画像 1 と 2 を作成する必要があります。具体的な手順は次のとおりです。
1. DW を開いてページを作成し、このページに図 1 を挿入します。
2. DW 編集ウィンドウで図 1 を選択します。
3. メニュー「ウィンドウ」で「動作」を選択するか、F8 キーを押して動作パネルを開きます。 [イベント対象] ポップアップ メニューでは、[3.0 以降のブラウザ] を選択する必要があることに注意してください。
4. 「+」ボタンを押して新しい動作「画像の交換」を追加すると、「画像の交換」ダイアログボックスが表示されます。画像リストには、ページ上のすべての画像のリストが表示されます。これは元の画像です。マウス ポインタをその上に移動すると、強調表示された画像 2 に置き換えられます。代わりの。
5. [参照] ボタンをクリックし、置換する画像を選択します。「onMouseOver」イベントを通じて、選択した画像 2 が元の画像 1 を置き換えます。
6. 画像の事前呼び出しと保存のデフォルト設定を選択します。
「画像のプリロード」オプションは、ページ全体がダウンロードされるときに、変換された画像がブラウザーのキャッシュに配置されることを意味します。閲覧者がマウス ポインタを初めて Our Story 画像の上に移動したとき、ハイライトされた画像をほとんど感じることができません。の出現に遅れはありません。 「Restore Images onMouseOut」オプションは、「onMouseOut」（マウスアウト）イベントが発生したときに、画像が自動的に元の状態に復元されることを意味します。
7. 設定が完了したら、「OK」ボタンをクリックして「画像の入れ替え」ダイアログを閉じ、前の設定を適用します。
現時点では、[動作] パネルには、画像に対して設定したばかりのイベントとアクションが含まれています。 「OnMouseOver」イベントの隣に「Swap Image」アクション マークがあり、その上に「onMouseOut」イベントと対応する「Swap Image Restore」アクションがあります（この動作は、「Swap Image」ダイアログでデフォルトを受け入れた場合の動作です）ボックスオプションが定義されています)。
8. [動作]パネルを閉じます。 F12 を押してページをプレビューします。マウスポインタを画像 1 に移動すると、画像 2 に置き換わっていることがわかります。
上記の例は、DW の動作の単純な応用例にすぎません。他にもたくさんの使い方があるので、ここでは一つ一つ説明しません。さらに、DW では、Macromedia ホームページからダウンロードできる拡張動作を使用することもできます。