「プレースホルダー グラフィック」は、その名前が示すように、最終的なグラフィックを Web ページに追加する準備ができるまで使用される一時的なグラフィックです。これを使用すると、理想的なグラフィックスを持たない Web ページを事前に作成できます。最初に「領域」を「占める」ためにグラフィックスが必要な場所にプレースホルダー グラフィックスを挿入します。
(1) プレースホルダーグラフィックの挿入
グラフィックを挿入する場所にカーソルを置き、[挿入] > [画像プレースホルダー] を選択します。図に示すように、画像プレースホルダー ダイアログ ボックスが表示されます。
さまざまなパラメータを設定した後、「OK」をクリックして、図に示すようにプレースホルダー グラフィックをページに挿入します。
写真:
名前とサイズは上に表示されています。ソースコードを見ると、空の src 属性を含むイメージタグが追加されていることがわかりました。
(2) プレースホルダーグラフィックを置き換える
1. ページのデザイン後、正しいグラフィックを使用してプレースホルダー グラフィックを置き換える必要があります。 DreamweaverMX (略して DWMX) でプレースホルダー グラフィックを選択し、プロパティ パネルを開き、[作成] ボタンをクリックします。次に、DWMX は FireworksMX (略して FWMX) を起動し、プレースホルダー グラフィックと同じサイズの空白のキャンバスを自動的に作成し、グラフィック デザイナーの「制作」を待ちます。
2. FWMX で必要なグラフィックを作成し、最適化した後、キャンバスの上部にある [完了] ボタンをクリックします。
表示される「名前を付けて保存」ダイアログボックスで、アーカイブされた png ファイルにファイル名を付けて保存します (これにより、後で変更しやすくなります)。表示される「エクスポート」ダイアログボックスで、関連する設定を行って「保存」します。ファイル。
3. DWMX に切り替えると、プレースホルダー グラフィックスが置き換えられていることがわかります。コードを見ると、図に示すように、src のアドレスが自動的に挿入され、残りの size、alt、およびその他のパラメーターはそのまま残っていることがわかります。
ハハ、すごく便利じゃないですか?ここからも「三銃士」の連携が本当に比類のないものであることが分かります!
(3) 注意が必要なこと
FWMX でホットスポットが描画され、リンクが追加された場合、FWMX は DWMX の画像プレースホルダーに追加されたリンクを削除しませんが、FWMX で画像上にスライスが描画された場合、プレースホルダーは置き換えられます。描画時は DWMX ドキュメント。