Die Flash-Technologie ermöglicht es, sowohl ganze Websites als auch deren einzelne Elemente zu erstellen: Menüs, Kopfzeilen usw. Sie können Ihrer Webseite eine Flash-Karte hinzufügen.
Notwendig
Adobe Flash CS3
Anweisungen
Schritt 1
Bereiten Sie Grafiken für die Flash-Karte vor. Beachten Sie, dass Vektorgrafiken kompakter sind und Sie einen kleineren Film erstellen können. Zeichnen Sie die Karte daher mit einem Vektorbildeditor wie Adobe Illustrator. Speichern Sie die resultierende Grafikdatei, um eine Flash-Karte zu erstellen.
Schritt 2
Starten Sie Adobe Flash CS3, importieren Sie die Datei in die Szene. Konvertieren Sie die Layer der Karte in Flash, aktivieren Sie dazu beim Importieren das Kontrollkästchen neben dem Feld Objekte an Originalposition platzieren. Danach sehen Sie eine Reihe von Objekten in der Szene.
Schritt 3
Bearbeiten Sie sie - fügen Sie Rahmen hinzu. Doppelklicken Sie auf das Objekt, rufen Sie den Bearbeitungsmodus auf, greifen Sie dann zum Tintenflaschenwerkzeug und füllen Sie die Ränder mit einer anderen Farbe als der Hintergrund. Wiederholen Sie diese Aktion für alle Objekte auf der Karte.
Schritt 4
Konvertieren Sie die erstellten Objekte in ein einzelnes Vektorbild, verwenden Sie dazu die Operation Break Apart. Erstellen Sie als Nächstes Clips oder Sprites aus den Objekten und weisen Sie jedem einen Namen zu, um die erforderlichen Aktionen mithilfe von Skripten auszuführen. Wählen Sie die Ränder der Regionen aus und konvertieren Sie sie in einen Clip, platzieren Sie ihn auf der Ebene, die sich über den Clips mit Regionen befindet.
Schritt 5
Schreiben Sie einen Code für Ihre Karte, markieren Sie dazu die Hauptteile der Karte. In der Regel handelt es sich dabei um Gebiete oder Regionen, deren Verhalten gleich ist. Schreiben Sie daher eine Region-Klasse, die das Verhalten aller Objekte implementiert. Hängen Sie als Nächstes die Klasse an die Bibliothekssymbole an.
Schritt 6
Laden Sie die XML-Daten, initialisieren Sie die Objekte der interaktiven Karte damit: Färben Sie die Regionen ein, legen Sie die Bereiche fest, die auf einen Mausklick reagieren. Verwenden Sie dazu die Erstellung einer XML-Klasse, die die Datendatei lädt und verarbeitet.
Schritt 7
Erstellen Sie eine neue Ebene in der Datei mit Grafiken, fügen Sie den Code ein, der die Karte initialisiert: Daten laden, angezeigte Objekte für die Arbeit vorbereiten. Nach dem Herunterladen der Daten startet die Karte und funktioniert. Ein Beispielcode kann unter https://richflash.org/2010/02/23/how-do-interactive-map-2/ eingesehen werden.
