Fireworks-Schulung Berlin | Oktober 2010 Ozan Türbedaroglu

Präsentation zum Thema: "Fireworks-Schulung Berlin | Oktober 2010 Ozan Türbedaroglu"—  Präsentation transkript:

1 Fireworks-Schulung Berlin | Oktober 2010 Ozan Türbedaroglu
Fireworks-Schulung Berlin | Oktober 2010 Ozan Türbedaroglu

2 Agenda Mittwoch Einführung in Fireworks & Klickdummies
1. Arbeitsbereiche 2. Wekzeugleiste 3. Wichtige Fenster 11:00 – 13:00 Praxisteil 1 1. Das Gestalten von Elementen 2. Was sind Automatische Formen? 3. Einsetzen von Text 4. Objekte gruppieren 5. Was sind Symbole? 4. Maskieren von Elementen 5. Export von Grafiken 14:00 – 16:30 Praxisteil 2 1. Layouts gestalten 2. Seiten verlinken 3. Export von Klickdummies 16:30 Fragerunde 10/ Ozan Türbedaroglu Fireworks-Schulung

3 Agenda Donnerstag Highfidelity Prototypes & Klickdummies
10:30 – 13:00 Projektarbeit 1 1. Importieren von Photoshop-Dateien 2. Bauen von Bluebox-Elementen 14:00 – 16:30 Projektarbeit 2 1. Eigenes kleines Projekt aufarbeiten 2. Klickdummy-Erstellen 16:30 Fragerunde 10/ Ozan Türbedaroglu Fireworks-Schulung

4 goo.gl/hC9Q files.ozan75.de Quellen
10/ Ozan Türbedaroglu Fireworks-Schulung

5 Wichtige Informationen Automatische Formen
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 10/ Ozan Türbedaroglu Fireworks-Schulung

6 Wichtige Informationen Symbole mit Scale-9 Hilfslinien
1. Rechtsklick 2. 9-Slice-Skalierung aktivieren 2. Doppelklick auf das Element zum editieren 10/ Ozan Türbedaroglu Fireworks-Schulung

7 Wichtige Informationen Verlinken von Seiten
1. Hotspot Werkzeug wählen 2. Element markieren 3. Im Eigenschaften Fenster die Verlinkung wählen 10/ Ozan Türbedaroglu Fireworks-Schulung

8 Wichtige Informationen Mouseover-Effekt Teil 1 von 3
1. Hotspot-Werkzeug wählen 2. Element für Mouseover-Effekt markieren 3. Status duplizieren 10/ Ozan Türbedaroglu Fireworks-Schulung

9 Wichtige Informationen Mouseover-Effekt Teil 2 von 3
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!“) 10/ Ozan Türbedaroglu Fireworks-Schulung

10 Wichtige Informationen Mouseover-Effekt Teil 3 von 3
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) 10/ Ozan Türbedaroglu Fireworks-Schulung

11 Wichtige Informationen Optimieren für den Export
10/ Ozan Türbedaroglu Fireworks-Schulung

12 Wichtige Informationen Export eines Clickdummies
1. Exportauswahl „Html & Bilder“ 2. Seiten „Alle Seiten“ 3. Bilder in Unterordner ablegen 4. Bilderordner auswählen 10/ Ozan Türbedaroglu Fireworks-Schulung

13 Danke für eure Aufmerksamkeit.
Danke für eure Aufmerksamkeit. Kontakt: Immobilien Scout GmbH Andreasstraße 10 10243 Berlin URL: