Dreamweaver でポップアップ ウィンドウを作成する方法

Dreamweaver でポップアップ ウィンドウを作成する方法。サムネイルやアクセシビリティなどのために Web サイトにポップアップウィンドウを組み込みたいと思ったことがあるなら、Dreamweaver を使えば簡単に実現できます。 Dreamweaver には自動スクリプトが含まれており、いくつかのオプションを変更してポップアップ ウィンドウを Web サイトにほぼ自動的に追加できます。ハード コーディングは必要ありません。以下の手順に従って、ウェブサイトにポップアップ ウィンドウを追加してください。

ステップ 1

ドリームウィーバーを起動します。導入スプラッシュ画面の「新規」カテゴリで「HTML」を選択して、新しい空白のドキュメントを開きます。

ステップ 2

「リンク」という単語またはその他のテキストを入力して、ポップアップ ウィンドウを新しい空白の HTML ドキュメントでテストし、終了したら選択できるようにします。

ステップ 3

[ウィンドウ] メニューを選択し、[ビヘイビア] を選択して [ビヘイビア] パネルを表示します。

ステップ 4

[+] 記号をクリックし、[ブラウザ ウィンドウを開く] を選択して、[ブラウザ ウィンドウを開く] ポップアップ プロパティを表示します。ここで、ポップアップ ウィンドウに適用する特定のプロパティを設定できます。

ステップ 5

訪問者が文書内の「リンク」という単語をクリックしたときにリダイレクトされる URL をキー入力、コピー アンド ペースト、または参照して入力します。

ステップ 6

ポップアップの幅と高さ、およびポップアップに含める属性 (ツールバー、メニュー バー、ステータス バー、スクロールバー、サイズ変更ハンドルなど) を指定して、[OK] をクリックします。

ステップ 7

[ビヘイビア] パネルの [イベント] 列から [onClick] を選択して、[リンク] という単語がクリックされたときにポップアップ ウィンドウが表示されるように設定します。

ヒント

Shift+F4 のキーボード ショートカットを使用して、[ビヘイビア] パネルをすばやく表示します。ポップアップ ウィンドウが正しく機能するかどうかをテストする前に、プレビュー ビューにする必要があります。