Smart Objects - Photoshop Integration 2.0

aus: Neu in Adobe Dreamweaver CS4

Kaufen

Über dieses Video

Seit Dreamweaver CS3 kann das Programm Photoshop-Daten nutzen. In CS4 können Sie diese Dateien sogar direkt platzieren. Doch damit nicht genug: Die Datei - als Smart Object platziert - "erinnert" sich an den vollständigen Dateipfad und den letzten aktuellen Status: Wann immer die Photoshop-Quelldatei verändert wurde, erkennen Sie das am Indikator und können das eingebettete Bild sofort aktualisieren.

Auszug aus: Neu in Adobe Dreamweaver CS4

Dreamweaver CS4 spart nicht mit neuen Funktionen. Wie Sie sie bestmöglich ausnutzen und in Ihrem Tagesgeschäft einsetzen, das zeigt das Neuerungen-Training von video2brain. Wir haben alle neuen Funktionen getestet und sagen Ihnen, was sich lohnt und wie Sie die neuen Features gekonnt ausnutzen. Klar, präzise und auf den Punkt gebracht.

EUR 19,95

1h 15m

Kaufen

Ähnliche Video-Trainings

Im einleitenden Video erfahren Sie bereits im Überblick, welche neuen Features eingebaut sind und welche Highlights zur neuesten Version von Dreamweaver CS4 realisiert wurden.

Begrüßung und Vorstellung

00:44
Mit der neuen Version hat Dreamweaver ein entscheidendes Facelift bekommen. Neben dem neuen Aussehen überzeugt vor allem die Funktionalität: Die neue Oberfläche OWL erlaubt dem Benutzer, sich eine frei wählbare Arbeitsumgebung innerhalb von Dreamweaver zu schaffen.

Die neue Benutzeroberfläche OWL

06:58
Definieren Sie die komfortabel eingerichtete Arbeitsumgebung als Arbeitsbereichlayout! Zusammen mit diesem Arbeitsbereichlayout speichert Dreamweaver neue Ansichtsoptionen, wie die geteilte Code-Ansicht oder die Positionswahl der Entwurfsansicht bei der geteilten Ansicht. Die integrierte Anzeige der zugehörigen Dateien ermöglicht dabei schnellen Zugriff auf externe Dateien der geöffneten Web-Seite.

Arbeitsbereichlayouts

03:08
Seit Dreamweaver CS3 kann das Programm Photoshop-Daten nutzen. In CS4 können Sie diese Dateien sogar direkt platzieren. Doch damit nicht genug: Die Datei - als Smart Object platziert - "erinnert" sich an den vollständigen Dateipfad und den letzten aktuellen Status: Wann immer die Photoshop-Quelldatei verändert wurde, erkennen Sie das am Indikator und können das eingebettete Bild sofort aktualisieren.

Smart Objects - Photoshop Integration 2.0

05:06
Der erweiterte Eigenschafteninspektor der CS4-Version bietet nun zusätzliche Funktionen für Erstellen und Bearbeiten von CSS-Regeln.

CSS mit dem Eigenschafteninspektor

03:46
Über den neuen Code-Navigator erreichen Sie im Handumdrehen die CSS-Regeln, die auf ein ausgewähltes Element angewendet werden und können diese editieren.

Der Code-Navigator – eine nützliche Hilfe

03:05
Eine der neuen Funktionen des Adobe-Ajax-Frameworks Spry nennt sich Spry-Quickinfo. Damit erstellen Sie schnell und einfach ansprechende und informative Tooltips.

Spry Quickinfo-Widget

06:10
Die integrierte Live-Ansicht zeigt nun auch JavaScript-Aktionen beziehungsweise den JavaScript-Code in vollem Umfang. Damit prüfen Sie etwa die über das Spry-Framework eingefügten JavaScript-Funktionen oder auch CSS-Formatierungen zur Laufzeit.

Die neue Live-Ansicht und Live-Code

04:19
Um Struktur und Gestaltung der Web-Seiten-Entwürfe richtig zu trennen, sollten Sie gegebenenfalls JavaScript-Code in externe Dateien auslagern. Dafür hat Dreamweaver jetzt eine eigene Funktion! In diesem Beispiel wandert der JavaScript-Codeblock für einen Bildaustausch vom Seiten-Header in eine externe Datei.

JavaScript externalisieren

06:30
Über das Spry-Bedienfeld erreichen Sie schnell die Funktionen, mit denen Sie Formularelemente einfügen und Überprüfungsfunktionen einbauen. Als Beispiel zeigt der Trainer hier eine neue Spry-Funktion für Passwortkontrolle.

Spry für Passwort und Bestätigung

09:19
Das Spry-Framework erleichtert das Überprüfen der platzierten Formularelemente. Die neue Dreamweaver-Version enthält nun auch einen Menüeintrag für Optionsschaltergruppen.

Spry für Optionsschaltergruppen

07:03
Jetzt ebenfalls möglich: HTML-Datensätze mit dem Spry-Framework einbinden. Der Vorteil ist, dass Sie damit mehrfach genutzte Daten zentral verwalten und jede Änderung sofort im gesamten Projekt aktualisiert ist.

HTML-Datensätze mit Spry nutzen

07:12
Das Beipiel in diesem Film zeigt, wie Sie den HTML-Datensatz mit Hilfe eines Master- und Detailbereiches in Ihre Webseite einbinden.

HTML-Datensätze: Master-/Detailbereich

11:42
In diesem Video hören Sie abschließende Worte zu den Neuerungen von Dreamweaver CS4. Jetzt sind Sie an der Reihe, die starken Werkzeuge von Dreamweaver CS4 zu nutzen.

Verabschiedung

00:35