Operation Manual

Nach oben
Bildname
Originalbild
Rollover-Bild
Rollover-Bild vorausladen
Alternativtext
Wenn angeklickt, gehe zu URL
Hinweis:
Hinweis:
Nach oben
2. Ziehen Sie an den Schiebereglern für „Helligkeit“ und „Kontrast“, um die Einstellungen anzupassen. Die gültigen Werte liegen
im Bereich von -100 bis 100.
3. Klicken Sie auf „OK“.
Rollover-Bilder erstellen
Sie können Rollover-Bilder in eine Seite einfügen. Ein Rollover ist ein Bild, das sich im Browser ändert, wenn Sie den Mauszeiger darüber
bewegen.
Sie benötigen zwei Bilder, um ein Rollover zu erstellen: das primäre Bild (wird angezeigt, wenn die Seite geladen wird) und das sekundäre Bild
(wird angezeigt, wenn der Mauszeiger über das primäre Bild bewegt wird). Die beiden Bilder eines Rollovers müssen dieselbe Größe haben. Ist
dies nicht der Fall, passt Dreamweaver die Größe des zweiten Bildes an die Größe des ersten Bildes an.
Rollover-Bilder werden automatisch so eingerichtet, dass sie auf das onMouseOver-Ereignis reagieren. Sie können ein Bild auch so konfigurieren,
dass es auf andere Ereignisse (beispielsweise einen Mausklick) reagiert, sowie ein Rollover-Bild austauschen.
1. Setzen Sie die Einfügemarke im Dokumentfenster an die Stelle, an der Sie das Rollover einfügen möchten.
2. Fügen Sie das Rollover mit einer der folgenden Methoden ein:
Klicken Sie in der Kategorie „Allgemein“ des Bedienfelds „Einfügen“ auf die Schaltfläche „Bilder“ und wählen Sie das
Symbol „Rollover-Bild“ aus. Wenn das Symbol „Rollover-Bild“ im Bedienfeld „Einfügen“ angezeigt wird, können Sie es
direkt in das Dokumentfenster ziehen.
Wählen Sie „Einfügen“ > „Grafikobjekte“ > „Rollover-Bild“.
3. Legen Sie die Optionen fest und klicken Sie auf „OK“.
Der Name des Rollover-Bildes.
Das Bild, das beim Laden der Seite angezeigt werden soll. Geben Sie den Pfad in das Textfeld ein oder klicken
Sie auf „Durchsuchen“ und wählen Sie das Bild aus.
Das Bild, das angezeigt werden soll, wenn der Zeiger über das Originalbild bewegt wird. Geben Sie den Pfad
ein oder klicken Sie auf „Durchsuchen“, um das Bild auszuwählen.
Lädt die Bilder vorab in den Cache des Browsers, sodass es nicht zu Verzögerungen kommt,
wenn der Zeiger über das Bild bewegt wird.
Optional: Eine Beschreibung des Bildes für Benutzer, die einen reinen Textbrowser verwenden.
Die Datei, die geöffnet werden soll, wenn ein Benutzer auf das Rollover-Bild klickt. Geben
Sie den Pfad ein oder klicken Sie auf „Durchsuchen“ und wählen Sie die Datei aus.
Wenn Sie keinen Hyperlink für das Bild festlegen, fügt Dreamweaver einen Null-Hyperlink (#) in den HTML-
Quellcode ein, mit dem das Rollover-Verhalten verknüpft wird. Wenn Sie den Null-Hyperlink entfernen, funktioniert das
Rollover-Bild nicht mehr.
4. Wählen Sie „Datei“ > „Vorschau in Browser“ oder drücken Sie F12.
5. Bewegen Sie den Zeiger im Browser über das Originalbild, um das Rollover-Bild anzuzeigen.
Die Wirkung eines Rollover-Bildes ist in der Entwurfsansicht nicht sichtbar.
Mit externen Bildeditoren arbeiten
394