Embed Size (px)
Citation preview
www.immobilienscout24.de
Fireworks-Schulung
www.immobilienscout24.de
Berlin | Oktober 2010
Ozan Türbedaroglu
Seite 2
Agenda Mittwoch Einführung in Fireworks & Klickdummies
10:30 Einführung1. Arbeitsbereiche2. Wekzeugleiste3. Wichtige Fenster
11:00 – 13:00 Praxisteil 11. Das Gestalten von Elementen2. Was sind Automatische Formen?3. Einsetzen von Text4. Objekte gruppieren5. Was sind Symbole?4. Maskieren von Elementen5. Export von Grafiken
14:00 – 16:30 Praxisteil 2 1. Layouts gestalten2. Seiten verlinken3. Export von Klickdummies
16:30 Fragerunde
10/2010 Ozan Türbedaroglu Fireworks-Schulung
Seite 3
10:30 – 13:00 Projektarbeit 11. Importieren von Photoshop-Dateien2. Bauen von Bluebox-Elementen
14:00 – 16:30 Projektarbeit 21. Eigenes kleines Projekt aufarbeiten2. Klickdummy-Erstellen
16:30 Fragerunde
Agenda DonnerstagHighfidelity Prototypes & Klickdummies
10/2010 Ozan Türbedaroglu Fireworks-Schulung
Seite 4 10/2010 Ozan Türbedaroglu Fireworks-Schulung
Quellen
goo.gl/hC9Q
files.ozan75.de
Seite 5
Wichtige InformationenAutomatische Formen
10/2010 Ozan Türbedaroglu Fireworks-Schulung
Bei automatischen Formen sollte man immer darauf achten Eigenschaften wie Höhe, Breite oder Radius nur im separaten Fenster „Eigenschaften für automatische Form“ zu bearbeiten
Seite 6
Wichtige InformationenSymbole mit Scale-9 Hilfslinien
10/2010 Ozan Türbedaroglu Fireworks-Schulung
1. Rechtsklick 2. 9-Slice-Skalierung aktivieren
2. Doppelklick auf das Element
zum editieren
Seite 7
Wichtige InformationenVerlinken von Seiten
10/2010 Ozan Türbedaroglu Fireworks-Schulung
1. Hotspot Werkzeug wählen
2. Element markieren
3. Im Eigenschaften Fenster die
Verlinkung wählen
Seite 8 10/2010 Ozan Türbedaroglu Fireworks-Schulung
Wichtige InformationenMouseover-Effekt Teil 1 von 3
1. Hotspot-Werkzeug wählen
2. Element für Mouseover-Effekt markieren
3. Status duplizieren
Seite 9
Wichtige Informationen Mouseover-Effekt Teil 2 von 3
10/2010 Ozan Türbedaroglu Fireworks-Schulung
1. Im Status 2 Mouseover-Effekt einsetzen
(hier erscheint ein „OK!“)
2. In der Werkzeugpalette das Segment-Werkzeug
wählen
3. Mit dem Segment-Werkzeug die Grafik des
Moueseover-Effekts umranden
(hier grüne Box um das „OK!“)
Seite 10
Wichtige Informationen Mouseover-Effekt Teil 3 von 3
10/2010 Ozan Türbedaroglu Fireworks-Schulung
1. Vom Mittelpunkt des Hotspot-Rechtecks (Türkis)
eine Verbindung zum Segment-Rechteck (Grün)
ziehen
2. Im Popup Status auswählen in den gewechselt
werden soll, wenn auf das Hotspot-Rechtecks
(Türkis) geklickt wird (Hier Status 2)
Seite 11
Wichtige InformationenOptimieren für den Export
10/2010 Ozan Türbedaroglu Fireworks-Schulung
Seite 12
Wichtige InformationenExport eines Clickdummies
10/2010 Ozan Türbedaroglu Fireworks-Schulung
1. Exportauswahl
„Html & Bilder“
2. Seiten „Alle Seiten“
3. Bilder in Unterordner
ablegen
4. Bilderordner
auswählen
www.immobilienscout24.de
Kontakt:Immobilien Scout GmbHAndreasstraße 1010243 Berlin
Email: [email protected]: www.immobilienscout24.de
Danke für eure Aufmerksamkeit.
