Mit den Fluid Grid Layouts von Adobe® Dreamweaver® CS6 arbeiten Sie effizienter und erstellen ohne Aufwand responsive Layouts für zahlreiche Endgeräte. Das Erscheinungsbild Ihrer Seiten und Apps können Sie in der Live-Ansicht und in der Multi-Screen-Vorschau überprüfen.

Fluid Grid Layouts

Erstellen Sie aufwandsarm responsive Webdesigns und komplexe Layouts, die sich den unterschiedlichen Bildschirmgrößen von Desktops und mobilen Endgeräten anpassen.

Verbesserte Unterstützung für jQuery Mobile

Profitieren Sie bei der Entwicklung nativer Apps für iOS- und Android™-Plattformen von der erweiterten Unterstützung für das Framework jQuery Mobile. Erschließen Sie neue, „mobile“ Zielgruppen, ohne den Entwicklungsaufwand zu erhöhen.

Unterstützung für PhoneGap Build

Das neue Framework von Adobe vereinfacht die Erstellung von Apps für mobile Betriebssysteme wie Android™ und iOS. Mithilfe von PhoneGap Build lässt sich vorhandener HTML-Code in eine App umwandeln, ohne dass Sie Dreamweaver verlassen müssen. Mit dem integrierten Emulator können Sie die App während der Entwicklung testen.

Verbesserte Vorschau für mehrere Bildschirme

Nutzen Sie das optimierte Bedienfeld „Multi-Screen-Vorschau“, um die Darstellung Ihrer Webdesigns auf Smartphones, Tablets und Desktops zu kontrollieren. Mit dem aktualisierten Bedienfeld lassen sich jetzt auch HTML5-Inhalte testen.

Integration mit Adobe Business Catalyst

Nutzen Sie das integrierte Bedienfeld „Business Catalyst“ in Dreamweaver CS6, um Websites zu verknüpfen und zu bearbeiten, die Sie mit Business Catalyst (separat erhältlich) erstellt haben. Nutzen Sie die gehostete Lösung, um professionelle E-Commerce-Sites zu gestalten.

Verbesserte FTP-Integration

Mit dem überarbeiteten Tool für FTP-Übertragungen übertragen Sie große Dateimengen schneller und sparen so Zeit beim Publizieren der Website.

Überarbeitete Live-Ansicht

Testen Sie Seiten vor deren Veröffentlichung in der verbesserten Live-Ansicht. Für bestmögliche HTML5-Unterstützung wird für die Live-Ansicht jetzt die aktuelle Version der WebKit-Rendering-Engine verwendet.

CSS3-Transitions

Durch Animieren von Änderungen an CSS-Eigenschaften mithilfe von Übergängen machen Sie Webdesigns lebendiger. Profitieren Sie von größerer Kontrolle über das Webdesign bei der Implementierung raffinierter Seitenelemente und eindrucksvoller Effekte.

Unterstützung für CSS3 und HTML5

Die Formatierungsoptionen im CSS-Bedienfeld berücksichtigen jetzt auch Regeln für CSS3. Führen Sie in der Entwurfsansicht Media Queries durch, um Stile an unterschiedliche Bildschirme anzupassen. Codierungshilfen und optimiertes Rendering in der Entwurfsansicht vereinfachen die Erstellung von HTML5-Websites.

Integration mit Adobe BrowserLab

BrowserLab (separat erhältlich) bietet vielfältige Diagnose- und Vergleichswerkzeuge zur Vorschau dynamischer Web-Seiten und lokaler Inhalte für mehrere Webbrowser und Betriebssysteme.

CSS Inspection

Lassen Sie sich das CSS Box Model visualisieren, und verändern Sie CSS-Eigenschaften ohne manuelle Inspektion des CSS-Codes oder Ausführung eines separaten Programms..

W3C Validation

Mithilfe des Online-Validierungsdienstes des W3C können Sie sicherstellen, dass Ihre Webdesigns aktuellen Standards entsprechen.

Integrierte Unterstützung für Content-Management-Systeme

Setzen Sie für Ihr Web-Authoring Content-Management-Systeme wie WordPress, Joomla! und Drupal ein. Nutzen Sie die Unterstützung von dynamischen zugehörigen Dateien. In der Live-Ansicht können Sie präzise Voransichten dynamischer Applikationen generieren.

Site-spezifische Code-Hinweise

Dreamweaver CS6 bietet Code-Hinweise für nicht standardmäßige Dateien. Dazu gehören installierte PHP-Bibliotheken von Drittanbietern und Content-Management-Systeme wie WordPress, Joomla! und Drupal.