Webdesign mit Fireworks

Webdesign mit Fireworks

• Macromedias Grafik-Feuerwerk
• Du hast (noch) kein Fireworks?
• Was lernst du in diesem Heft?
• Was musst du mitbringen?
• Die Programmversionen
• Beispieldateien zum Heft
• Fireworks im Web
• Über die Autorin
• Feedback erwünscht!

Von Pixeln und Vektoren

• Ein bisschen Basiswissen
• Was Fireworks gut kann
• … und was weniger gut

Ein erster Blick – die Arbeitsoberfläche

• Die Standardwerkzeugleiste
• Die Werkzeugleiste
• Der Eigenschafteninspektor
• Die Bedienfenster oder Paletten
• Das Arbeitsfenster
• Neue Datei erstellen
• Leinwand anpassen
• Leinwand vergrößern
• Bildgröße ändern
• Raster und Lineale verwenden

Schöne Schaltflächen

• Projekt: Buttons gestalten
• Formen zeichnen und füllen
• Stile erstellen und sichern
• Vorgefertigte Stile anwenden

Ergebnisse sichern

• Ein bisschen Formatkunde
• PNG heißt übrigens …
• Exportieren statt speichern
• Datei exportieren & optimieren
• Welches Dateiformat fürs Web?
• Transparenz einstellen
• Optimieren für Fortgeschrittene
• Optimieren für Profis

Verblüffende Fototricks

• Fireworks als Scanprogramm
• Bilder korrigieren
• Geraderücken …
• Helligkeit, Kontrast, Farbe anpassen
• Schärfen & weichzeichnen
• Projekt: Foto mit Filtereffekten
• Bildbereiche auswählen
• Auswahlbereiche bearbeiten
• Projekt: Foto retuschieren
• Retuschierwerkzeuge: Die Details
• Zusätzliche Filter installieren
• Gratis-Filter aus dem Internet

Raffinierte Texteffekte

• Projekt: Textelement als Hingucker
• Anti-Alias – was ist das?
• Für Profis: Daten-Grafikassistent
• Text an einem Pfad ausrichten
• Textboxen bearbeiten
• Den Texteditor nutzen

Doppelbödiges – Bildmontagen

• Projekt: Eine Bildmontage
• Objekte schichten und gruppieren
• Auswählen und stapeln
• Gruppieren – so geht’s
• Sprachverwirrung: Ebenen

Fireworks als HTML-Künstler

• Projekt: Imagemap erstellen
• HTML-Seiten exportieren
• Maßgeschneidertes HTML
• Exportergebnisse unter der Lupe
• Projekt: Entwurf zerschneiden und zusammensetzen
• Mit Segmenten arbeiten

Wegweisendes: Navigationselemente

• Rollover-Buttons erstellen
• Komplette Navigationsleiste
• Hintergrund: Symbole verwenden
• Projekt: Dropdown-Navigation

Fireworks in Bewegung

• Projekt: Animiertes Banner
• Die Arbeit mit Frames
• Raffinierter Bildwechsel-Effekt

Arbeit sparen

• Projekt: Fotogalerie fürs Web
• Batchverarbeitung – was ist das?
• Eigene Befehle erstellen
• Aktionen aus dem Web

Das Meisterstück: Komplette Webseite

• Step 1: Seitenentwurf zeichnen
• Step 2: Entwurf ausbauen
• Navigation anlegen
• Step 3: Seite sinnvoll teilen
• Die Schneidearbeiten
• Step 4: HTML exportieren
• Wechselnde Headlines erzeugen
• Step 5: Seite fürs Web tunen
• Fehlersuche
• HTML aktualisieren
• Der letzte Schritt
• Entwurf als Musterseite verwenden

Stichwortverzeichnis