Eine „Platzhaltergrafik“, wie der Name schon sagt, ist eine temporäre Grafik, die verwendet wird, bis die endgültige Grafik zum Hinzufügen zur Webseite bereit ist. Sie können damit vorab eine Webseite ohne ideale Grafiken erstellen – fügen Sie eine Platzhaltergrafik dort ein, wo die Grafiken benötigt werden, um das „Gebiet“ zuerst zu „besetzen“.
(1) Platzhaltergrafiken einfügen
Platzieren Sie den Cursor an der Stelle, an der Sie die Grafik einfügen möchten. Wählen Sie „Einfügen“ > „Bildplatzhalter“. Das Dialogfeld „Bildplatzhalter“ wird angezeigt, wie in der Abbildung dargestellt:
Nachdem Sie verschiedene Parameter festgelegt haben, klicken Sie auf „OK“, um die Platzhaltergrafik in die Seite einzufügen, wie in der Abbildung gezeigt:
Bild:
Der Name und die Größe werden oben angezeigt. Bei der Betrachtung des Quellcodes haben wir festgestellt, dass ein Bild-Tag hinzugefügt wurde, das ein leeres src-Attribut enthält.
(2) Platzhaltergrafiken ersetzen
1. Nachdem die Seite entworfen wurde, müssen wir die richtigen Grafiken verwenden, um die Platzhaltergrafiken zu ersetzen. Wählen Sie die Platzhaltergrafik in DreamweaverMX (kurz DWMX) aus, öffnen Sie das Eigenschaftenfenster und klicken Sie auf die Schaltfläche „Erstellen“. Dann startet DWMX FireworksMX (kurz FWMX) und erstellt automatisch eine leere Leinwand in der gleichen Größe wie die Platzhaltergrafik, die auf die „Produktion“ des Grafikdesigners wartet.
2. Nachdem Sie die erforderlichen Grafiken in FWMX erstellt und optimiert haben, klicken Sie oben auf der Leinwand auf die Schaltfläche „Fertig stellen“.
Geben Sie im angezeigten Dialogfeld „Speichern unter“ der archivierten PNG-Datei einen Dateinamen und speichern Sie sie (dies erleichtert spätere Änderungen). Nehmen Sie im daraufhin angezeigten Dialogfeld „Exportieren“ die entsprechenden Einstellungen vor und „speichern“ Sie die Datei Datei.
3. Wechseln Sie zu DWMX und wir stellen fest, dass die Platzhaltergrafiken ersetzt wurden. Beim Betrachten des Codes haben wir festgestellt, dass die Adresse von src automatisch eingefügt wurde und die restlichen Parameter wie Größe, Alt und andere unverändert bleiben, wie in der Abbildung gezeigt:
Haha, ist das nicht sehr praktisch? Von hier aus können wir auch erkennen, dass die Zusammenarbeit der „Drei Musketiere“ wirklich beispiellos ist!
(3) Dinge, die Aufmerksamkeit erfordern
Wenn in FWMX ein Hotspot gezeichnet und ein Link hinzugefügt wird, entfernt FWMX den Link, der dem Bildplatzhalter in DWMX hinzugefügt wurde, nicht. Wenn jedoch in FWMX ein Slice auf dem Bild gezeichnet wird, wird der Platzhalter durch „Links entfernen“ ersetzt DWMX-Dokumente beim Zeichnen.