目次:
- 1新しいブラウザウィンドウで開くページを作成します。
- 2アクションのトリガーとして使用するイメージ、テキスト、または他の要素を選択します。
- 3 [ウィンドウ]→[ビヘイビア]を選択して、[ビヘイビア]パネルを開きます。プラス記号（+）をクリックし、ドロップダウンリストから目的の動作を選択します。
- 4 [ブラウザウィンドウを開く]ダイアログボックスで、設定を指定します。
- 5動作のすべての設定を指定したら、[OK]をクリックします。
- 6ビヘイビアをトリガするイベントを変更するには、ビヘイビアパネルの左側から現在のイベントを選択し、ドロップダウンリストから置き換えるイベントを選択します。
- 7アクションをテストするには、ファイルを保存して、ファイル→ブラウザでプレビューを選択します。
ビデオ: Dreamweaver CS4使い方講座ドリームウィーバーCS4のインタフェース/動学.tv 2024
Dreamweaverのビヘイビアを使用して、画像やテキストリンクをクリックしたときに新しいブラウザウィンドウを開くなど、多くのインタラクティブな機能を作成できます。新しいウィンドウを開くと、訪問者が閲覧していた元のページを失うことなく補足情報を利用できるようになります。 [ブラウザウィンドウを開く]ビヘイビアを使用すると、新しいウィンドウのサイズを指定して表示することができます。
ページ上の選択したイメージまたはテキストにブラウザウィンドウを開くビヘイビアを追加するには、次の手順を実行します。
<！ - 1 - >
1新しいブラウザウィンドウで開くページを作成します。
目標は、ユーザーがトリガーイメージをクリックすると、ブラウザウィンドウが開き、そのセクションのコンテンツが表示されることです。ビヘイビアで使用されるファイルに名前を付けるときは、ファイル名のどこにでもスラッシュを使用するか、ファイル名の先頭にスラッシュを使用しないでください。ハイフンやアンダースコアを避けることも最善です。
<！ - 2 - >2アクションのトリガーとして使用するイメージ、テキスト、または他の要素を選択します。
ページ上の任意のイメージ、テキスト、または他の要素を選択し、同様にビヘイビアを適用できます。
3 [ウィンドウ]→[ビヘイビア]を選択して、[ビヘイビア]パネルを開きます。プラス記号（+）をクリックし、ドロップダウンリストから目的の動作を選択します。
<！ - 3 - >ビヘイビアが淡色表示されている場合は、選択した要素に関連付けることはできません。たとえば、イメージのスワップはイメージにのみ適用できるため、テキストや別の要素を選択した場合は淡色表示になります。
4 [ブラウザウィンドウを開く]ダイアログボックスで、設定を指定します。
新しいブラウザウィンドウの表示方法を制御するいくつかのオプションを設定できます。
URLの表示ボックスの右にある[参照]ボタンを使用して、新しいブラウザウィンドウで開くページを選択します。
ウィンドウの幅と高さを設定して、開く新しいブラウザウィンドウの正確なピクセルサイズを指定します。
新しいブラウザウィンドウにこれらの機能のいずれかを含める場合は、ナビゲーションツールバー、位置ツールバー、ステータスバー、メニューバー、必要に応じてスクロールバー、またはハンドルのサイズを変更するオプションを選択します。
新しいウィンドウに名前を付けます。同じウィンドウをターゲットにして他のページを読み込む場合は、重要なステップです。
5動作のすべての設定を指定したら、[OK]をクリックします。
新しいビヘイビアがビヘイビアパネルに表示されます。
6ビヘイビアをトリガするイベントを変更するには、ビヘイビアパネルの左側から現在のイベントを選択し、ドロップダウンリストから置き換えるイベントを選択します。
使用可能なイベントを選択して、動作のトリガとして機能させることができます。ただし、すべての動作ですべてのイベントを使用できるわけではありません。
7アクションをテストするには、ファイルを保存して、ファイル→ブラウザでプレビューを選択します。
画像をクリックして、新しいブラウザウィンドウが開くかどうかをテストします。
