mysqldumper
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Fireworks > Hotspots (heiße Punkte)

Fireworks und Hotspots (heiße Punkte)

Eine komplette Grafik in lauter kleine Interaktive Flächen aufteilen, nichts ist besser dazu geeignet als Hotspots, eben solche "heißen Punkte" auf einer Grafik die auf Mausereignisse reagieren. Nicht zu verwechseln mit Segmenten.

Hotspots dienen also dem Zuweisen von Interaktivität bestimmter Bereiche eines Bildes. Mehrere Hotspots auf einem Bild werden auch als Imagemap bezeichnet. Segmente sind den Hotspots ähnlich. Mit Segmenten jedoch ist es möglich ein Bild in mehrere kleinere Bilder aufzuteilen, was mit Hotspots nicht möglich ist. Zum Beispiel Puzzleteile werden mit Segmenten erzeugt.

Ein typisches Beispiel für Hotspots gleich mit etwas Praxis für das Ebenenbedienfeld: tooltipp

Hotspots werden mit dem Hotspotwerkzeug gezeichnet. Es sind Rechteck, Kreis und Polygonformen möglich. Bei Polygonhotspots werden die einzelnen Punkte durch Klick gesetzt, nicht durch ziehen mit der Maus. Punkte können ähnlich wie Pfadpunkte behandelt werden.

Ein Hotspot kann einem ausgewählten Bildteil auch über Einfügen-->Hotspot zugewiesen werden.

Disjunkte Rollovers mit Hilfe Hotspots erstellen.

Zuerst einem Objekt einen Hotspot zuweisen (auch in diesem Fall können mehrere Hotspots einem Bild zugewiesen werden). tooltipp

Dann geht man ins Bedienfeld Frames und erstellt dort ein weiteres Frame mit Hilfe des Optionenmenüs (kleiner Pfeil oben rechts). tooltipp

Im neuen Frame kann ein Bild oder Text eingefügt werden. Diesem Objekt weist man jetzt ein Segment zu. Dann wie im folgenden Bild zu sehen den weißen Punkt im Hotspot anfassen und einfach auf das Segment ziehen und loslassen. tooltipp

Es folgt folgende Meldung: tooltipp

Hier Frame 2 wählen, da sich ja das Bild welches beim Mausover angezeigt werden soll in Frame 2 befindet. OK klicken. Fertig! Die weiteren Optionen bei dieser Meldung sind leicht selbst nachzuvollziehen.

Und so funktionierts bei Mouseover: tooltipp

Im Verhaltenbedienfeld in Fireworks kann auch OnClick usw. eingestellt werden, dass ist aber auch jederzeit in Dreamweaver oder ähnlichen Editoren problemlos möglich. tooltipp

Mit Hotspots kann man schon ne Menge anstellen. Geschickt auf Grafiken angewendet lassen sich die tollsten Verhalten auch in Verbindung mit Segmenten erzeugen. Mehrere Verhalten auf einen Hotspot gleichzeitig sind genauso möglich.

 

Autor: (ar)

Abbildungen

Abbildung 1

Abbildung 1

Abbildung 2 - Zugewiesener Hotspot

Abbildung 2 - Zugewiesener Hotspot

Abbildung 3 - Neues leeres Frame erzeugen

Abbildung 3 - Neues leeres Frame erzeugen

Abbildung 4 - Dem Hotspot zugewiesenes Segment

Abbildung 4 - Dem Hotspot zugewiesenes Segment

Abbildung 5 - Austausch des Bildes aus Frame 2

Abbildung 5 - Austausch des Bildes aus Frame 2

Abbildung 6 - Manchmal hilf bloß noch der Hammer

Abbildung 6 - Manchmal hilf bloß noch der Hammer

Abbildung 7 - andere Verhalten einstellen

Abbildung 7 - andere Verhalten einstellen

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping


Ferienwohnungen
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
d. Webdesigner
PSD Tutorials
Medizin

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /