ステップ 3: 画像を選択した後、「Windows→動作」コマンドで動作パネルをアクティブにし、「+」ボタンをクリックして「レイヤーの表示/非表示」項目を選択します。ポップアップ ウィンドウで表示する必要があるレイヤーを選択し、下部の [表示] ボタンをクリックします。確認後、onMouseOver という名前の追加イベントが動作パネルに表示されます。このとき、「＋」ボタンをクリックし、「OnMouseOver」項目をクリックして選択すると、画像上にマウスを置いたときにレイヤーが表示され、つまりフローティングテキストの説明が表示されます。
ステップ 4: ステップ 3 に従って、先ほどレイヤーに「Hide」イベントを追加し、動作を「OnMouseOut」に設定して、マウスを離したときにレイヤーを非表示にできるようにします。
上記の操作が完了したら、「F12」ボタンを押してIEブラウザを開き、プレビューを表示します。マウスを画像上に移動すると、あらかじめ設定されたプロンプトの単語が表示され、マウスを画像から遠ざけると、単語が自動的に表示されます。隠れた。
ウィンドウのサイズを自動的に変更する一部の Web ページでは、ウィンドウ サイズを変更するときに Web ページのサイズも調整されます。そのため、ウィンドウが大きすぎると空白がなくなり、ウィンドウが小さすぎると移動バーが端からはみ出すことになります。この自動ページサイズ調整機能は、Dreamweaver MX 2004 では、次の手順を参照して簡単に実現できます。
最初のステップは、新しいページを作成し、「挿入→表」コマンドを使用して 1 行 3 列の表を挿入することです。このとき、幅は無視して、ブラウザー ウィンドウに合わせて自動的に引き伸ばすことができます。以下の設定。
2 番目のステップでは、各セルの幅がマークされ、下部に小さな三角形があることがわかります (図 3)。このフォームでは、どの部分を修正する必要があるかを設定できますが、自動的に伸縮できるのは 1 つの列だけです。たとえば、ここではウィンドウ サイズの変更に応じて最後の列が自動的に伸縮するように設定します。
図03 3 番目のステップでは、最後の列を選択し、「表示」→「表モード」→「レイアウト モード」コマンドを実行し、ポップアップ メニューで「列のオートストラクの作成」項目を選択します (図 4)。
図04 4 番目のステップでは、ダイアログ ボックスが表示され、行を拡張するには、Dreamweaver が他の列にスペーサー イメージを配置する必要があることを確認するメッセージが表示されます。ここで [スペーサー イメージ ファイルの作成] オプションを選択すると、イメージが配置されます。ブラウザウィンドウには表示されませんが、固定テーブルの役割を果たします。
手順 5 で確認した後、元の編集ウィンドウに戻ります。最後の列がブラウザ ウィンドウ全体に収まるように自動的に拡大され、他の 2 つの列は固定幅を維持していることがわかります。
ヒント: 列を自動的にストレッチするように設定すると、列の上部に波線が表示されます。
上記の操作を完了した後、IE ブラウザでページ効果をプレビューするときに、ウィンドウのサイズを変更すると、最後の列の幅も変更されますが、最初の 2 列の幅は変更されないため、ウィンドウは自動的に大きくまたは小さく調整できます。
上記では、Dreamweaver MX 2004 のビヘイビア機能の一部のメソッドを紹介しました。ビヘイビアとレイヤーを柔軟に組み合わせることで、ダイナミックな画像やドラッグ可能なレイヤーなどの機能も実現でき、ホームページをより豊かに見せることができます。
