Dreamweaverでポップアップウィンドウを作成する方法。 サムネイルやアクセシビリティなどのポップアップウィンドウをWebサイトに含めたい場合は、Dreamweaverを使用すると簡単に含めることができます。 Dreamweaverには、いくつかのオプションを変更したり、ハードコーディングを必要とせずにほぼ自動的にポップアップウィンドウをWebサイトに追加したりできる自動スクリプトが含まれています。 次の手順に従って、Webサイトにポップアップウィンドウを追加します。
ステップ1
Dreamweaverを起動します。 紹介スプラッシュ画面の「新規」カテゴリで「HTML」を選択して、新しい空白のドキュメントを開きます。
今日のビデオ
ステップ2
「リンク」という単語またはその他のテキストを入力して、ポップアップウィンドウを新しい空白のHTMLドキュメントでテストし、終了したらそれを選択できるようにします。
ステップ3
[ウィンドウ]メニュー、[動作]の順に選択して、[動作]パネルを表示します。
ステップ4
「+」記号をクリックし、「ブラウザウィンドウを開く」を選択して、ブラウザウィンドウを開くポップアッププロパティを表示します。 ここで、ポップアップウィンドウに適用する特定のプロパティを設定できます。
ステップ5
キー入力、コピーアンドペースト、または参照して、訪問者がドキュメント内の「リンク」という単語をクリックしたときに表示されるURLを入力します。
ステップ6
ポップアップの幅と高さ、およびツールバー、メニューバー、ステータスバー、スクロールバー、サイズ変更ハンドルなど、ポップアップに含める属性を指定して、[OK]をクリックします。
ステップ7
「動作」パネルの「イベント」列から「onClick」を選択して、「リンク」という単語がクリックされたときにポップアップウィンドウが表示されるように設定します。
ヒント
Shift + F4のキーボードショートカットを使用して、[動作]パネルをすばやく表示します。 ポップアップウィンドウが正しく機能するかどうかをテストする前に、プレビュービューを表示する必要があります。
