Rollover-Bilder fⁿr die Homepage

Mit dem Programm Dreamweaver 2 k÷nnen Sie einen Rollover-Effekt erzeugen. Rollovers werden in den meisten FΣllen zur Navigation verwendet. Bei einem Rollover verΣndert sich ein Bild, sobald man den Mauszeiger darⁿber bewegt. Um einen Rollover auf einer Web-Seite zu erzeugen, mⁿssen Sie die Seite auf jeden Fall auf Ihrer Festplatte gespeichert haben. Danach plazieren Sie den Cursor an der Stelle der Internet-Seite, an der Sie den Rollover erzeugen wollen, und klicken im Objekte-Fenster auf den untersten Button ╗Rollover-Bild einfⁿgen½. Sollte bei Ihnen die Objekte-Leiste nicht zu sehen sein, dann blenden Sie sie ⁿber den Menⁿbefehl ╗Fenster | Objekte½ ein. Im Fenster ╗Rollover-Bild einfⁿgen½ wΣhlen Sie zunΣchst nach einem Klick auf den obersten ╗Durchsuchen½- Button das ╗Originalbild½ aus. Danach sollten Sie ihm einen passenden ╗Bildnamen½ geben, da die Vorgabe ╗Image½ nicht aussagekrΣftig ist und die weitere Arbeit nur behindert. Nun ist das ╗Rollover-Bild½ - also das Bild, das erscheint, wenn sich der Mauszeiger ⁿber dem Originalbild befindet - an der Reihe. ╗Durchsuchen½ Sie Ihre Platte nach dem Bild und wΣhlen Sie es aus. Beachten Sie jedoch, da▀ das Rollover-Bild in der gleichen Gr÷▀e wie das Originalbild dargestellt wird. Wenn Sie nicht wollen, da▀ eines der beiden Bilder verzerrt wird, sollten Sie zwei gleich gro▀e Bilder auswΣhlen und gegebenenfalls die beiden Bilder mit Hilfe eines Bildbearbeitungsprogramms wie Paintshop Pro oder Photoshop angleichen. Wenn das Rollover nicht nur grafischer Schnickschnack und somit reiner Selbstzweck ist, ╗Verknⁿpfen½ Sie es nun mit einer HTML-Seite, die geladen wird, wenn Sie auf das Bild klicken. Die darunter zu sehende Option ╗Bilder vorausladen½ sollte unbedingt aktiv sein, da andernfalls beim ersten Kontakt des Mauszeigers mit dem Originalbild das Austauschbild erst geladen werden mu▀. Zum Einfⁿgen des Rollovers klicken Sie auf ╗OK½. Wenn Sie das Rollover-Bild durch ein anderes ersetzen wollen, ÷ffnen Sie ⁿber das ╗Fenster½-Menⁿ das Fenster ╗Verhaltensweisen½. Wenn Sie im Hauptfenster auf das Originalbild klicken, erscheinen im ╗Verhaltensweisen½-Fenster die beiden EintrΣge ╗onMouseOut½ und ╗onMouseOver½. Nach einem Doppelklick auf ╗on- MouseOver½ k÷nnen Sie mit ╗Durchsuchen½ ein neues Rollover-Bild festlegen, das Sie verwenden wollen.