So erstellen Sie Rollovers in Adobe Dreamweaver CS6

In Adobe Dreamweaver CS6, können Sie Bildobjekte, einschließlich Bild Platzhalter einfügen, sich umdrehen

Bilder (Bilder, wenn ein Betrachter rollt die Maus über das Bild zu ändern), Navigationsleisten und Fireworks-HTML. Sie greifen auf diese Bildobjekte von Insert-Bild-Objekte auswählen.

Um ein Rollover-Bild zu erstellen, gehen Sie folgendermaßen vor:

1

Erzeugen die Bilder als Überschlags verwendet zu werden.

Sie können diese Bilder in Fireworks, Illustrator, Photoshop oder jede andere Anwendung, die Speichern von Bildern für das Web generieren. Die besten Ergebnisse erzielen, erstellen Sie Bilder, die genau die gleiche Breite und Höhe sind.

2

Setzen Sie den Cursor auf der Seite, wo Sie die Rollover angezeigt werden soll, und wählen Sie Einfügen-Bild-Objekte-Maus über das Bild oder klicken Sie auf die Maus über das Bild-Taste im Bedienfeld Einfügen.

Der Insert-Maus über das Bild Dialogfeld erscheint.

3

Geben Sie einen Bildnamen ohne Leerzeichen in dem Bildname Textfeld ein.

Dieser Name wird in dem Skript erstellen die Rollover verwendet.

4

Klicken Sie auf die Schaltfläche Durchsuchen, um das Recht auf das Originalbild und Maus über das Bild Textfelder das Bild zu suchen, die Sie auf der Seite als Standard angezeigt werden soll.

Das Bild erscheint nur, wenn jemand mit dem Mauszeiger über das Bild bewegt wird.

5

Lassen Sie den Preload Maus über das Bild Kontrollkästchen aktiviert.

Diese Option lädt die Rollover-Bild, wenn die Seite geladen wird, Verzögerungen bei der Rollovers zu vermeiden.

6

Geben Sie entsprechend beschreibenden Alt-Text.

Natürlich würden Sie es im Alt Textfeld eingeben.

7

In der beim Anklicken Textfeld Gehe zu URL, sagen Dreamweaver, wo die Zuschauer gerichtet sind, wenn sie Ihre Rollover-Bild klicken.

Sie können entweder auf die Schaltfläche Durchsuchen klicken eine andere Seite in Ihrer Website zu finden oder eine URL eingeben.

Wenn Sie auf eine andere Website herzustellen, müssen Sie die enthalten http: // prefix zu Beginn der URL. Wenn Sie dieses Feld leer lassen, wird Dreamweaver einen toten Link (#) automatisch hinzufügen.

8

Klicken Sie auf OK.

Der Rollover-Bild wird auf der Seite erstellt.

9

Um den neuen Rollover-Bild in der Vorschau, Datei-Vorschau im Browser oder klicken Sie auf die Live-View-Taste auf der Dokument-Symbolleiste wählen.

Wenn Sie noch keinen echten Link haben für eine Schaltfläche oder einen Link zu verwenden, können Sie ein Nummernzeichen (#) geben Sie einen toten Link zu erstellen. Der Link oder Button erscheint klickbare aber nicht überall gehen, wenn darauf geklickt. Diese Option ist besser als die Leertaste drücken einen leeren Raum als Bindeglied zu schaffen, weil diese Verbindung eine Seite nicht gefunden Fehler angezeigt werden, wenn darauf geklickt.

Menü