Jugend mosht
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Dreamweaver > Teamwork

Dreamweaver - Fireworks: Unzertrennlich

Dreamweawer und Fireworks geben ein gutes Pärchen ab. Kein Wunder, stammen sie doch aus dem selben Hause. Wie gut die Zusammenarbeit in der vierten Generation klappt, haben wir uns näher angeschaut.

Schon die 3er Versionen enthielten eine interessante Funktion: Das Bearbeiten von Grafiken mit Fireworks unmittelbar aus einem HTML-Dokument unter Dreamweaver. Dieses Feature wurde überarbeitet und benutzerfreundlich umgestaltet. Bevor diese Funktion genutzt werden kann, müssen die beiden Programme zusammengebracht werden. Sprich, Fireworks muss als primärer externer Bildeditor definiert werden. Dazu gehen Sie im Dreamweaver im Menü "Bearbeiten" --> "Voreinstellungen" und wählen im erscheinenden Fenster die Option "Dateitypen/Editoren". tooltipp

In der Liste "Erweiterungen" müssen zunächst die Dateitypen bestimmt werden, die mit Fireworks bearbeitet werden sollen (in der Regel sind das .GIF und .JPG). Anschließend muss Fireworks in der Liste "Editoren" als primärer Grafikeditor festgelegt werden. Wählen Sie die Datei fireworks.exe auf Ihrer Festplatte aus. Nun ist das Dreamteam für die Zusammenarbeit bereit.Wir gehen von einer Grafik aus, die in eine bereits bestehende HTML-Seite eingebunden ist. Diese Grafik möchten wir ohne lästiges "Datei-öffnen-Datei-speichern" bearbeiten. tooltipp

Das Objekt soll nun mit einem Klick in Fireworks geöffnet werden. Sie wählen dazu die Grafik aus und Betätigen den "Bearbeiten-Button" im Eigenschaftsfenster des Dreamweavers. Anschließend öffnet sich die selbe Grafik in Fireworks. tooltipp

Der Knackpunkt in der Zusammenarbeit beider Programme liegt im Abfragefenster, in dem wichtige Informationen zu der zu öffnenden Datei abgefragt werden: tooltipp

Zur Auswahl stehen zwei Optionen. Mit "Ja" kann man der Grafik eine Quelle zuweisen. Diese Quelle muss eine .png Datei der Grafik sein. Bei einem weiteren Bearbeiten der Grafik wird so automatisch die .png-Datei geöffnet. Der Vorteil dieser Option: die Original-Datei wird geschützt. Ein Rückgriff auf die ursprüngliche Datei bleibt weiterhin möglichBeim Auswählen der Option "Nein", öffnet Fireworks die Datei, direkt aus dem HTML-Dokument. Hier sind allerdings Änderungen nicht mehr rückgängig zu machen. Falls Sie keine Quell-Datei der Grafik haben, müssen Sie diese Option auswählen. Zusätzlich besteht die Möglichkeit, im PopUp-Menü zu bestimmen, ob die PNG-Datei immer angewählt werden oder ob die Abfrage bei jedem Vorgang erscheinen soll.In unserem Beispiel arbeiten wir mit der Option "Nein", um die Funktionsweise deutlich zu machen. Nach dem Klicken der Option, erscheint auf der Arbeitsfläche von Fireworks die entsprechende Grafik. Es fällt sofort der "Fertig-Button" oberhalb der Grafik auf. tooltipp

Dieser vereinfacht den Rück-Exporte zum Dreamweaver. Ohne lästiges Speichern, Exportieren und Neuladen wird die Änderung im Dreamweaver sofort sichtbar. In unserem Beispiel ist nun eine zweite geöffnete Grafik (Haus) auf unseren Button gelegt worden. Danach nur noch auf den "Fertig-Button" drücken und der "Home-Button" steht bereit. Die Grafik musste vom Benutzer nicht einmal geschlossen werden.

 

Autor: (rb)

Abbildungen

Abbildung 1 - Voreinstellungen in Dreamweaver

Abbildung 1 - Voreinstellungen in Dreamweaver

Abbildung 2 - Unser Testobjekt

Abbildung 2 - Unser Testobjekt

Abbildung 3 - Ein Klick auf den Bearbeiten-Button ...

Abbildung 3 - Ein Klick auf den Bearbeiten-Button ...

Abbildung 4 - Abfragefenster in Fireworks

Abbildung 4 - Abfragefenster in Fireworks

Abbildung 5 - Ein Klick und der Button ist fertig

Abbildung 5 - Ein Klick und der Button ist fertig

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /