Ein wichtiger Schritt im Designprozess einer Website ist, frühzeitig vom Kunden Feedback einzuholen. Hierfür bietet Fireworks CS5 eine Vielzahl an Exportformaten für Prototypen an. Sie können Ihr Design als interaktives PDF, Flash-Slideshow, Adobe AIR-Anwendung und als HTML-Dummie exportieren. Somit bieten Sie Ihrem Kunden die Möglichkeit, Ihre Arbeit zu begutachten, durch Prototypen zu navigieren und Feedback zu geben. Zusätzlich bietet das FXG-Format die Möglichkeit, Dateien problemlos mit Photoshop, Illustrator, Flash und Flash Catalyst auszutauschen.
Dieses Video-Training führt Sie Schritt für Schritt an alle Werkzeuge heran. Sie lernen, wie Sie in Fireworks eine Website layouten, wie Sie mehrere Einzelseiten anlegen, wie sich die Seiten miteinander verlinken lassen und wie die Website als Prototyp oder als fertige HTML-Datei inklusive CSS-Regeln exportiert wird.
Die interaktive Werkzeugpalette bietet außerdem zu jedem Werkzeug einen ausführlichen Erläuterungsfilm. Mit einem Klick erfahren Sie alles Wissenswerte und haben so ein nützliches Nachschlagewerk zur Hand.
Aus dem Inhalt:
Einführung und Benutzeroberfläche
Fireworks bietet viele Vorzüge für Webdesigner. Am Beginn dieses Kapitels erhalten Sie einen Überblick über die wichtigsten Funktionen in Fireworks. Die weiteren Filme widmen sich der Benutzeroberfläche. Lernen Sie unter anderem, wie Sie Layouthilfen verwenden, Ihre Arbeit protokollieren oder Voreinstellungen anpassen.
Die interaktive Werkzeugpalette
In der interaktiven Werkzeugpalette werden Sie durch jedes Werkzeug geführt. So lernen Sie schnell die Verwendung und den Einsatz der Werkzeuge und deren Eigenschaften kennen.
Der Datenaustausch in Fireworks
Dieses Kapitel steht ganz im Zeichen des Dateiaustauschs. Lernen Sie das Fireworks-PNG-Format kennen, Bilder und Texte zu importieren oder Inhalte für das Web aufzubereiten. Die abschließenden Lektionen dieses Kapitels befassen sich mit dem Datenaustausch mit Photoshop und Illustrator.
Bildbearbeitung in Fireworks
Grundlegende Bildbearbeitung kann direkt in Fireworks durchgeführt werden. Auch die nichtdestruktive Arbeit mit Filter und Masken ist damit möglich. Sehen Sie mehr zur Bildbearbeitung in diesem Kapitel.
Bearbeitung von Vektoren
Die Bearbeitung von Vektoren steht im Mittelpunkt dieses Kapitels. Lernen Sie unter anderem die mächtige Pfade-Palette kennen, mit der Sie Pfade kombinieren, ändern oder bearbeiten.
Kreative Ideen
Fireworks bietet viele Möglichkeiten der Kreativbearbeitung. Beispielsweise sehen Sie in den Filmen dieses Abschnitts die Verwendung von Filtern, Mischmodi und Stilen, um schnell und effektvoll zum gewünschten Ergebnis zu kommen.
Arbeiten mit Text
Text ist ein wichtiges Element zur Vermittlung von Inhalten. Damit Sie bei den Textfunktionen aus dem Vollen schöpfen können, sind in diesem Kapitel die vielfältigen Möglichkeiten der Textgestaltung zusammengefasst.
Mit Symbolen arbeiten
Es gibt unterschiedliche Arten von Symbolen, die Sie in Fireworks einsetzen können. Neben der Standardbibliothek können Sie Symbole auch selbst erstellen. Alle Einzelheiten dazu verrät dieses Kapitel.
Animationen erzeugen
Einfache Animationen lassen sich auch in Fireworks erstellen. André Reinegger erklärt, wie Sie schnell und einfach GIF-Animationen und Tween-Animationen erstellen.
Webfunktionen
Lernen Sie nun die Webwerkzeuge von Fireworks kennen. Sie werden Hyperlinks erstellen, das Segment-Werkzeug benutzen und MouseOver-Funktionalität integrieren.
Vorlagen verwenden
Neu in Fireworks CS5 ist die Möglichkeit, mit Vorlagen zu arbeiten. Lernen Sie in diesem Kapitel, wie Sie mit Dokumentenvorlagen, Rastervorlagen, Webdesignvorlagen etc. effizienter und schneller arbeiten.
Wireframes
Wireframes bestehen aus simplen Grafiken, die die einzelnen Elemente einer Webseite widerspiegeln sollen. Sehen Sie sich die Vorteile dieser Gestaltungsvariante in diesem Abschnitt an.
Website-Layout
Gestalten Sie eine Website mit all ihren Unterseiten – dieses Kapitel ist Ihnen dabei behilflich. Sie lernen unter anderem, Masterseiten einzusetzen, Stile zu verwenden oder Flash-Animationen einzubauen. Basis dafür ist ein Wireframe-Layout.
Website-Prototyp exportieren
Die reibungslose Zusammenarbeit mit Kunden ist oft der Schlüssel für Ihren Erfolg. Lernen Sie, wie Sie Prototypen in den verschiedenen Formaten erstellen, um Ihre Fireworks-Seiten zu präsentieren und Feedback einzuholen.
AIR-Prototyp erstellen
AIR steht für Adobe Integrated Runtime. Lassen Sie sich zeigen, wie Sie für AIR einen Prototypen aus Fireworks heraus erstellen.
Importieren, Exportieren und Speichern
Das abschließende Kapitel widmet sich dem Datenaustausch. Lernen Sie, wie die unterschiedlichsten Applikationen mit Fireworks zusammenarbeiten und wie einfach Sie eine Diashow erstellen können.