Kurzes Tutorial zu Dreamweaver 4 (8. Fügen Sie interaktive Effekte zu Webseiten hinzu)
Autor:Eve Cole
Aktualisierungszeit:2009-05-30 18:35:37
8. Fügen Sie interaktive Effekte zu Webseiten hinzu
Erstellen Sie einfache interaktive Effekte
Wir sehen diesen Effekt häufig auf Webseiten, wenn die Maus über ein Bild bewegt wird. Nachdem die Maus wegbewegt wurde, kehrt das ursprüngliche Bild zurück. Zu Beginn habe ich erwähnt, dass einer der Vorteile von Dreamweaver gegenüber Frontpage darin besteht, dass Dreamweaver interaktive Webseiten erstellen kann. Jetzt werden wir Dreamweaver verwenden, um den einfachsten interaktiven Effekt zu erstellen – das Ändern von Bildern.
Bereiten Sie zwei Bilder derselben Größe vor, eines ist, bevor die Maus nach oben bewegt wird, und das andere ist das Bild, nachdem die Maus nach oben bewegt wurde. In den folgenden beiden Bildern ist beispielsweise das linke Bild eine erhöhte Schaltfläche und das rechte Bild ist eine konkave Schaltfläche:
Klicken Sie auf das Bedienfeld „Objekte“. , Sie sehen das folgende Dialogfeld:
① Bildname: Der Tag-Name des transformierten Bildeffekts, Dreamweaver weist ihn automatisch zu;
② Originalbild: Geben Sie das Originalbild an (z. B. ist dies ein erhabenes Bild).
③ Rollover-Bild: Geben Sie das Bild an, nachdem die Maus nach oben bewegt wurde (hier ist beispielsweise ein konkaves Bild);
④ URL: die Link-URL des Bildes;
Nachdem Sie beispielsweise die Einstellungen wie oben gezeigt abgeschlossen haben, drücken Sie OK und dann F12, um eine Vorschau des Effekts anzuzeigen.