Dreamweaver MX-Beispiel: Bildanwendungsfähigkeiten

Beschleunigen Sie das Herunterladen von Bildern

Wenn die Webseite zu viele Bilder enthält, beeinträchtigt dies die Browsing-Geschwindigkeit. Dreamweaver kann problemlos vorinstallierte Bilder einrichten, um das Herunterladen von Bildern zu beschleunigen, sodass die Website den Benutzern so schnell wie möglich angezeigt wird.

Die Wirkungsbeschreibung besteht darin, zunächst eine Datei zu erstellen und das Bild vorab zu laden, sodass das Bild vorab in den Cache heruntergeladen wird, um die Bild-Download-Geschwindigkeit zu beschleunigen. Für den tatsächlichen Effekt durchsuchen Sie bitte die Datei „Beispiel 36 – Beschleunigen der Bild-Download-Geschwindigkeit“ im Verzeichnis „Dreamweaver MX 2004 100 Beispiele“ auf der CD, die dem Buch beiliegt.

Kreative Gedanken Öffnen Sie die neue Seite der Dreamweaver MX 2004-Software, öffnen Sie dann das Beschriftungsfeld und wählen Sie unter [Verhalten] die Option [Bild vorladen] aus, um das Herunterladen von Bildern zu beschleunigen.

Arbeitsschritte

(1) Erstellen Sie eine neue Datei. Der Vorgang ist in Abbildung 36-1 dargestellt.



(2) Speichern Sie die Seite und fügen Sie das Bild ein. Um beim Einfügen von Bildern nicht nach relativen Pfaden gefragt zu werden, speichern Sie die Seite zunächst als „36.htm“. Fügen Sie dann das vorab zu ladende Bild ein, wie in Abbildung 36-2 dargestellt.


Abbildung 36-2 Bild einfügen

(3) Funktion „Bild vorladen“ hinzufügen. Verwenden Sie das Verhaltensfenster von Dreamweaver, um die Funktion „Bild vorladen“ hinzuzufügen, wie in Abbildung 36-3 dargestellt.

(4) Wählen Sie das Bild aus, das vorab geladen werden soll. Der Vorgang ist wie in Abbildung 36-4 dargestellt.

Tipp: Wenn auf der Website mehrere große Bilder vorhanden sind, können Sie auf das Symbol [+] über [Bild vorab laden] klicken, um mehrere vorab geladene Bilder hinzuzufügen. Der spezifische Vorgang ist derselbe wie in Abbildung 36-4.

(5) Speichern Sie die Datei, um den Vorgang abzuschließen. Auf diese Weise kann die Download-Geschwindigkeit von Bildern beschleunigt werden, sodass Benutzer beim Surfen im Internet nicht zu lange warten müssen, was für die Verbesserung der Leistung der Website von großer Bedeutung ist.

Zufällige Werbebilder

Beim Durchsuchen einer Webseite können Betrachter feststellen, dass dynamisch aktualisierte Werbebilder auf der Webseite dynamischer und attraktiver sind als statische, feste Bilder. In diesem Beispiel soll untersucht werden, wie zufällige Werbebilder auf Webseiten erstellt werden.

Effektbeschreibung Beim Durchsuchen einer Webseite erscheint ein Werbebild im Bannerbereich der Webseite, wie in Abbildung 38-1 dargestellt. Anschließend wird das Werbebild alle zwei Sekunden aktualisiert und erscheint in zufälliger Reihenfolge, wie in Abbildung 38-2 dargestellt.

Kreative Ideen Mit dem Erweiterungs-Plug-in Advance_Random_Images von Macromedia können Sie ganz einfach zufällige Werbebilder auf Webseiten erstellen.

Arbeitsschritte

(1) Installieren Sie das Plug-In. Verwenden Sie den Befehl [Befehl] | [Erweiterungsverwaltung] in der Menüleiste, um das Dialogfeld [Macromedia Extension Manager] aufzurufen und die Erweiterung Advance_Random_Images zu installieren, wie in Abbildung 38-3 dargestellt.

(2) Rufen Sie den Befehl auf. Öffnen Sie die Datei „banner.htm“ im Quellordner dieses Beispiels, platzieren Sie den Cursor an der Stelle, an der Sie die Werbung einfügen möchten, und rufen Sie den Befehl [AdvancedRandomImages] auf, wie in Abbildung 38-4 dargestellt.

(3) Stellen Sie das Bild ein. Legen Sie die Bildtransformationseigenschaften im daraufhin angezeigten Dialogfeld [RandomImages] fest, wie in Abbildung 38-5 dargestellt.

(4) Bilder hinzufügen. Fügen Sie das erste Werbebild hinzu, wie in Abbildung 38-6 gezeigt.

Tipp: Die in diesem Beispiel verwendeten Bilder werden im Bannerordner im Materialordner dieses Beispiels abgelegt.

(5) Verwenden Sie dann die gleiche Methode, um weitere Bilder hinzuzufügen. Klicken Sie nach Abschluss des Hinzufügens auf die Schaltfläche [OK], um den Vorgang zu bestätigen, wie in Abbildung 38-7 dargestellt.

(6) Speichern Sie dann die Auslagerungsdatei und zeigen Sie eine Vorschau an. Der Effekt des zufälligen Werbebilds wird erstellt. Leser können anhand der Effektdatei „bannerok.htm“ im Materialordner dieses Beispiels prüfen, ob das Produktionsergebnis korrekt ist. An diesem Punkt ist dieses Beispiel abgeschlossen.

Die in diesem Beispiel beschriebene Technologie wird häufig auf verschiedenen Websites verwendet. Auf mehreren großen inländischen Portal-Websites sind diese Transformationsanzeigen auf fast jeder Seite zu sehen, um mehr zu üben.