Adobe® Dreamweaver® CC (2017 Beta)

Adobe® Dreamweaver® CC (2017 Beta)
Dreamweaver Beta
1
Neue Funktionen in Dreamweaver CC (2017 Beta)
Diese Version von Dreamweaver CC (2017 Beta) bietet Ihnen eine modernisierte, intuitive
Benutzeroberfläche mit einem frei wählbaren dunklen Farbthema, einem völlig neuen Codeeditor und
verschiedenen Verbesserungen, etwa der Unterstützung für CSS-Präprozessoren.
Im Folgenden finden Sie einen kurzen Überblick über die folgenden neuen Funktionen und Verbesserungen
an vorhandenen Funktionen.
Moderne Benutzeroberfläche
Verbesserte Codeansicht
CSS-Präprozessor
Änderungen im Bedienfeld „Dateien“
Änderungen im Bedienfeld „Codefragmente“
Automatische Wiederherstellung von Dateien nach einem Absturz
Unterstützung für mehrere Cursor
Mithilfe von Codehinweisen und der Schnellbearbeitung schnell auf den Farbwähler
zugreifen
Änderungen am Arbeitsbereich
Verbesserte Voreinstellungen in Dreamweaver
Änderungen an der Symbolleiste
Änderungen in Kontextmenüs
Änderungen an Tastaturbefehlen
Nicht bearbeitbarer Inhalt
Umstrukturierung des Anwendungsmenüs
Feedback geben
Nach oben
Moderne Benutzeroberfläche
Wir freuen uns, Ihnen die modernisierte Benutzeroberfläche für Mac- wie auch Windows-Betriebssysteme
vorstellen zu können.
Diese Arbeit ist noch nicht abgeschlossen, aber in der Zwischenzeit gibt es hier schon mal einen Screenshot
von Dreamweaver mit der neuen Darstellung.
2
Neue Benutzeroberfläche – Dreamweaver (2017 Beta)
Benutzeroberfläche – Dreamweaver 2015
Nach oben
Verbesserte Codeansicht
3
Die gesamte Codeansicht in Dreamweaver wird durch einen völlig neuen Look sowie zusätzliche Funktionen
in den folgenden Bereichen aufgewertet:
Schnellbearbeitung
Schnelldokumentation
Codehinweise
Codekommentare
Farbige Codehervorhebung
Codeformatierung
Ändern der Schriftgröße in der Codeansicht
Aktualisierte Statusleiste
Ausgewählten Code ausblenden
Code-Linting
Schnellbearbeitung
Bei der Schnellbearbeitung in der Codeansicht werden kontextspezifischer Code und kontextspezifische
Werkzeuge inline platziert, um ein Umschalten zwischen Datei-Registerkarten zu vermeiden und eine
Bearbeitung des zugehörigen Codes innerhalb der aktuellen Datei zu ermöglichen.
Um den Inline-Editor der Schnellbearbeitungsoberfläche zu öffnen, platzieren Sie den Cursor auf einem
bestimmten Codefragment und drücken Strg/Befehl+E. Beispiel:
Befindet sich bei einer HTML-Datei der Cursor in einer Klasse oder einem ID-Attribut
(Name oder Wert) oder auf dem Tag-Namen, zeigt Ihnen die Schnellbearbeitung alle
passenden CSS-Regeln in den zugehörigen Dateien an. Sie können diese Regeln direkt
inline bearbeiten, ohne den Kontext der HTML-Datei zu verlassen.
Wenn mehrere Regeln passen, können Sie anhand der Liste auf der rechten Seite
(oder mit Alt+Nach-oben-Taste/Nach-unten-Taste) zwischen den Regeln navigieren.
Um eine neue CSS-Regel direkt aus dem Inline-Editor heraus zu erstellen, klicken Sie
auf die Schaltfläche „Neue Regel“.
In einer Datei mit einer HEX-Farbe oder einer RGB-/RGBA-/HSL-/HSLA-Farbe öffnet die
Schnellbearbeitung den Farbwähler, in dem eine Vorschau der Farbe angezeigt wird und
in dem die Farbe angepasst werden kann.
Befindet sich in einer JavaScript-Datei der Cursor auf einem Funktionsnamen, zeigt die
Schnellbearbeitung den Hauptteil der Funktion an (selbst wenn in anderen Dateien durch
eine require()-Anweisung darauf verwiesen wird).
Befindet sich in einer CSS-/LESS-/SCSS-Datei der Cursor auf einer cubic-bezier()- oder
steps()-Übergangszeitfunktion, zeigt die Schnellbearbeitung einen grafischen
Übergangskurveneditor an. Auch die vordefinierten Zeitfunktionen „ease“, „ease-in“,
„ease-out“, „ease-in-out“, „step-start“ und „step-end“ sind zulässige Ausgangspunkte.
4
Schnellbearbeitung
Schnelldokumentation für CSS-Dateien
In der Schnelldokumentation werden relevante Dokumente inline angezeigt. Drücken Sie Strg+K/Befehl+K,
um die Schnelldokumentation zu öffnen.
Befindet sich der Cursor in einer CSS-/LESS-/SCSS-Datei auf einer CSS-Eigenschaft oder einem CSS-Wert,
öffnet die Schnelldokumentation Dokumente vom Projekt „Web Platform Docs“.
Sie können gleichzeitig mehrere Inline-Editoren und Dokument-Viewer öffnen. Um einen einzelnen InlineEditor oder Dokument-Viewer zu schließen, klicken Sie oben links auf das „x“ oder drücken die Esc-Taste,
während er den Fokus hat. Um alle Inline-Editoren und Dokumente zu schließen, setzen Sie den Cursor
wieder in den äußeren Hauptcodeeditor und drücken die ESC-Taste:
5
Schnelldokumentation
Codehinweise
In dieser Version bieten Codehinweise jetzt hilfreiche Informationen zum ausgewählten Javascript- , HTML-,
CSS- oder PHP-Code.
Je nach Codetyp können diese Hinweise unterschiedlich ausfallen, aber in der Regel umfassen sie folgende
Bereiche:
Beschreibung des ausgewählten Codes
Funktionssignatur
Link zur externen Dokumentation
So werden in Javascript bei benutzerdefinierten Funktionen die Kommentare vor der Funktionsdefinition als
Beschreibung (zusätzlich zur Funktionssignatur) angezeigt.
Bei PHP-Funktionshinweisen wird die Funktionssignatur im Informationsbereich angezeigt.
Hier einige Beispiele:
Codehinweis für HTML-Code
Codehinweis für CSS-Code
6
Codehinweis für PHP-Code
Codehinweise werden standardmäßig in den folgenden Fällen angeboten:
CSS, LESS, SCSS: Alle Eigenschaftennamen und aufgelisteten Eigenschaftswerte (deren
Wert eine Liste von Schlüsselwörtern ist). CSS-Hinweise umfassen jetzt alle neuen
Codehinweise, die in Dreamweaver CC 2015 noch gefehlt haben. Außerdem können Sie
jetzt auch Farbnamen aus Hinweisen für Eigenschaften auswählen, z. B. „color“ oder
„background-color“.
JS: Variablen und Funktionen, die die Tern-Code-Intelligence-Engine verwenden.
Basierend auf der Analyse Ihres Codes zieht Tern intelligente Rückschlüsse darüber,
welche Eigenschaften und Methoden ein bestimmtes Objekt enthält. Dreamweaver
Beta schlägt nicht nur in der aktuellen, sondern auch in anderen Dateien nach, auf die
von einer require()-Anweisung verwiesen wird.
Wenn Dreamweaver Beta einmal nicht bestimmen kann, welche Hinweise verfügbar
sein sollten, greift es auf eine Liste heuristischer Vermutungen zurück. Diese
Vermutungen werden kursiv dargestellt.
JS-Codehinweise verwenden eine intelligente Übereinstimmung. Geben Sie die
Initialen der Binnenversalien oder andere Abkürzungen ein, um die Hinweisliste
schneller zu filtern (geben Sie beispielsweise „gsp“ ein, damit „getScrollPos“
angezeigt wird).
Sie erhalten auch Codehinweise zu Argumenten. Während Sie Argumente für eine
Funktion eingeben, listet eine Anzeige über dem Cursor die erwarteten
Argumenttypen auf.
Die folgenden Codehinweise bleiben, wie aus Dreamweaver CC 2015 gewohnt, erhalten.
Es werden weiterhin statische und dynamische Codehinweise für Sprachkonstrukte und
site-spezifische (PHP-)Hinweise angezeigt.
HTML: Tag-Namen, Attributnamen, Attributwerte und Entitäten
XML: XML-Knoten und Attribute
PHP: Site-spezifische Codehinweise
Es sind auch Codehinweise für ausgewählte CC Libraries verfügbar.
Codekommentare
Mit Strg+/ (Windows) bzw. Befehl+/ (Mac) können Sie die Kommentarfunktion zu einer Auswahl oder einer
einzelnen Zeile aktivieren bzw. deaktivieren. Dreamweaver erkennt den Inhaltstyp automatisch und fügt einen
entsprechenden Kommentar ein.
Sie können Kommentare auch weiterhin über die Symbolleiste einfügen.
Farbige Codehervorhebung
Dreamweaver unterstützt jetzt die farbige Codehervorhebung für HTML, JS, CSS, PHP, XML, LESS, Sass,
SCSS, SVG, Bash, C, C#, C++, clojure, CoffeeScript, Dart, Diff, EJS, Embedded Ruby, Groovy, Handlebars,
Haskell, Haxe, Java, JSON, Lua, Markdown, Markdown (GitHub), Perl, Properties, Python, RDF Turtle, Ruby,
Scala, SQL, Stylus, Text, VB, VBScript, XML und YAML.
Sie können jetzt auch zwischen dunklen und hellen Themen wählen.
7
Farbige Codehervorhebung
Codeformatierung
Die automatische Einrückung wurde stark verbessert.
Dadurch wird eine manuelle Code-Einrückung verhindert, bei der die Start- und End-Tags in verschiedenen
Spalten zu sehen sind.
Ändern der Schriftgröße in der Codeansicht
Mit den folgenden Tastaturbefehlen können Sie, ohne die Codeansicht zu verlassen, die Schrift vergrößern
oder verkleinern:
Strg++ (Win) bzw. Befehl++ (Mac): Schrift vergrößern
Strg+– (Win) bzw. Befehl+– (Mac): Schrift verkleinern
Ctrl+0 (Win) bzw. Befehl+0 (Mac): Wieder auf die Standardschriftgröße zurücksetzen
Hinweis: Beim Zoomen des Codes wird auch das IntelliSense-Popup vergrößert bzw. verkleinert.
Aktualisierte Statusleiste
Über die Statusleiste in der Codeansicht können Sie folgende Aktionen ausführen:
Anzeigen der Zeilen- und Spaltennummern am unteren Rand des Bildschirms. Diese
Nummern zeigen an, in welcher Zeile und Spalte sich der Mauszeiger befindet.
Statusleiste
Abrufen der Farbe für den Code und von Hinweisen für verschiedene Dateitypen.
Umschalten zwischen Einfüge- und Überschreibmodus in der Statusleiste unteren rechts in der
Codeansicht.
8
EINFG – Einfügemodus: Verwenden Sie diesen Schreibmodus, wenn neuer Text
eingefügt werden soll.
ÜB – Überschreibmodus: Verwenden Sie diesen Schreibmodus, wenn vorhandener Text
durch den neuen ersetzt werden soll.
Ausgewählten Code ausblenden
Ausgewählter Code kann jetzt ausblendet werden. Wählen Sie einfach einen Codeblock aus und klicken Sie
in der Spalte für die Zeilennummer auf den nach unten weisenden Pfeil.
Das Ausblenden von Tag-, Block- oder ausgewähltem Code funktioniert wie in früheren Versionen von
Dreamweaver.
Um die minimale Größe der Codefaltung zu ändern, klicken Sie auf „Einstellungen“ > „Allgemein“.
Klicken Sie auf den nach unten weisenden Pfeil, um den ausgewählten Code auszublenden
Nach der Codeausblendung
Code-Linting
Die Linting-Funktionalität für HTML, JS und CSS funktioniert wie bisher. Allerdings wird Linting jetzt nur noch
beim Öffnen und Speichern von Dateien ausgelöst.
Um Fehler/Warnungen anzupassen, bearbeiten Sie die Linting-Regelsätze für HTML/CSS/JS mit
„Voreinstellungen“ > „Linting“.
Nach oben
CSS-Präprozessor
Zum Lieferumfang von Dreamweaver gehören jetzt auch LESS und Sass-Präprozessoren. Beim Speichern
von LESS- und Sass-Dateien wird die Kompilierung automatisch ausgelöst. Sie können die Kompilierung
auch manuell auslösen, indem Sie per Rechtsklick auf eine Datei das Kontextmenü für Dateien öffnen.
Wurde die aktuelle Datei von einer übergeordneten Datei importiert, wird auch die übergeordnete Datei
kompiliert.
Um mehrere Dateien zu kompilieren, wählen Sie im Bedienfeld „Dateien“ die Dateien aus, rufen das
Kontextmenü auf und klicken dann auf die Option „Kompilieren“. Dadurch wird die Kompilierung der
ausgewählten Dateien ausgelöst und Dreamweaver wir den Import für die ausgewählten Dateien nicht
nachverfolgen. Wenn Sie jedoch einen Ordner mit CSS-Präprozessor-Dateien auswählen, ermittelt
Dreamweaver zunächst, welche Dateien, letztendlich kompiliert werden müssen.
Sie können auch eine oder mehrere Dateien in Dreamweaver bearbeiten. Jedes Mal, wenn Sie eine Datei
speichern, die zur aktiven Site gehört, ermittelt Dreamweaver die Importe für diese Datei und kompiliert diese
abhängigen Dateien für Sie. Dies gilt nur für Dateien, die bearbeitet oder gespeichert werden und der aktiven
Site angehören.
9
Wenn Sie Dateien bearbeiten, die einer inaktiven Site angehören, ermittelt Dreamweaver keine Importe.
Damit Dreamweaver das macht, sollten Sie zu der Site wechseln, der diese Dateien angehören.
Nachdem die CSS-Generierung abgeschlossen ist, wird die Statusleiste im Dokumentfenster grün angezeigt.
Im Ausgabe-Bedienfeld („Fenster“ > „Ergebnisse“) wird der Pfad der generierten Datei angezeigt.
Doppelklicken Sie auf die Meldung, um die generierte CSS-Datei in einer eigenen Registerkarte zu öffnen.
Die Datei wird Auto aktualisiert und übernimmt neue Änderungen, wann immer eine Sass-/LESS-Datei
kompiliert wird.
Wenn die CSS-Generierung fehlschlägt und dabei Fehler erzeugt, wird die Statusleiste im Dokumentfenster
rot angezeigt und die Liste der Fehlermeldungen werden im Ausgabe-Bedienfeld aufgeführt. Doppelklicken
Sie auf die Fehlermeldung, um zu der Zeile zu springen, in der der Fehler aufgetreten ist.
Hinweis: Wenn ein HTML-Dokument in der Live-Ansicht mit der Ausgabe-Datei verknüpft ist, wird die LiveAnsicht automatisch aktualisiert, wann immer sich der CSS-Code sich aufgrund einer Kompilierung der Sass/LESS-Datei ändert.
Das Fenster „Site-Definition“ hat jetzt eine eigene Kategorie für CSS-Präprozessoren. Die Änderungen, die
Sie vornehmen, sind site-spezifisch.
In den folgenden Abschnitten werden die CSS-Präprozessor-Änderungen erläutert:
Site-spezifische Voreinstellungen für CSS-Präprozessoren
Unterstützung für Compass
Unterstützung für Bourbon
Pfad für CSS-Ausgabedateien festlegen
Site-spezifische Voreinstellungen für CSS-Präprozessoren
Alle Voreinstellungen für CSS-Präprozessoren sind mit „Site-Definition“ > „CSS-Präprozessoren“ >
„Allgemein“ verfügbar.
In diesem Fenster haben Sie die Möglichkeit, für jede Site eigene CSS-Präprozessor-Einstellungen
einzurichten.
Site-spezifische CSS-Präprozessor-Voreinstellungen werden jetzt im Dialogfeld „Site-Definition“
vorgenommen
Site-Definition – Allgemein
10
Hier können Sie die automatische Kompilierung für Sass-/LESS-Dateien aktivieren oder deaktivieren In
dieser Kategorie können Sie zudem die Parameter für die CSS-Ausgabedatei konfigurieren. Die Kompilierung
ist standardmäßig aktiviert.
Site-Definition – Quelle und Ausgabe
Sie können festlegen, wo die generierten CSS-Dateien gespeichert werden sollen und welchen Pfad
Dreamweaver überwachen soll, um festzustellen, wenn eine Sass-/LESS-Datei in diesem Pfad über einen
externen Editor geändert wird.
Site-Definition – Compass
Sie können das Compass-Framework in der ausgewählten Site installieren und Compass aktivieren oder
deaktivieren. Kompass ist standardmäßig deaktiviert. Nach der Aktivierung von Compass können Sie
entweder in Dreamweaver den Pfad zur config.rb-Datei in Ihrer aktuellen Site angeben oder die Konfiguration
manuell festlegen. Wenn Sie auf „Dateien installieren“ klicken, generiert und kopiert Dreamweaver die
Compass-Dateien in den Stammordner Ihrer Site und wählt die Datei „config.rb“ automatisch aus. Weitere
Informationen finden Sie unter Unterstützung für Compass.
Site-Definition – Bourbon
Sie können Bourbon entweder installieren oder den Pfad auswählen, wenn Bourbon in der Site bereits
vorhanden ist. Weitere Informationen finden Sie unter Unterstützung für Bourbon.
Site Setup – Bourbon Neat
Sie können Bourbon Neat entweder installieren oder den Pfad auswählen, wenn Bourbon in der Site bereits
vorhanden ist.
Site Setup – Bourbon Bitters
Sie können Bourbon Bitters entweder installieren oder den Pfad auswählen, wenn Bourbon in der Site bereits
vorhanden ist.
Unterstützung für Compass
Compass ist ein Open-Source-CSS-Authoring-Framework, das es Ihnen erlaubt, mithilfe von Sass CSS3Stylesheets zu erstellen.
Mit Dreamweaver können Sie Compass verwenden, um Ihre Stylesheets zu erstellen.
Um in Ihrem Projekt ein Compass-Stylesheet zu verwenden, führen Sie die folgenden Schritte aus:
Geben Sie eine vorhandene Ruby-basierte Konfigurationsdatei an – wenn Sie Compass
und eine *.rb-Konfigurationsdatei installiert haben.
Geben Sie die Konfigurationsoptionen manuell ein – wenn Sie keine *.rbKonfigurationsdatei haben
Hinweis: Compass kann auch auf Ihrer lokalen Site installiert werden, indem Sie im Dialogfeld „SiteDefinition“ > „CSS-Präprozessoren“ > „Compass“ auf „Dateien installieren“ klicken.
Wenn Sie auf „Dateien installieren“ klicken, wird die vorhandene „config.rb“ Ihrer Site (sofern vorhanden) mit
der Standardkonfigurationsdatei überschrieben.
Vorhandene Ruby-basierte Konfigurationsdatei angeben
1. Wählen Sie im Dialogfeld „Site-Definition“ „CSS-Präprozessoren“ > „Compass“.
2. Aktivieren Sie das Kontrollkästchen „Compass verwenden“.
11
Den CSS-Präprozessor von Compass verwenden
3. Wenn Sie schon eine einsatzbereite Konfigurationsdatei (*.rb) haben, aktivieren Sie die
Option „Vorhandene Ruby-basierte Konfigurationsdatei angeben“ und wählen den
Dateipfad aus.
Hinweis: Diese Datei muss sich in Ihrem Site-Stammordner befinden.
4. Klicken Sie auf „Speichern“.
Konfigurationsoptionen manuell eingeben
Wenn Sie keine vorhandene Konfigurationsoption haben, können Sie sie manuell angeben und die Dateien
manuell erstellen und installieren.
1. Wählen Sie im Dialogfeld „Site-Definition“ „CSS-Präprozessoren“ > „Compass“.
2. Aktivieren Sie das Kontrollkästchen „Compass verwenden“.
3. Aktivieren Sie die Option „Konfigurationsoptionen manuell eingeben“. Die folgenden
Felder werden automatisch ausgefüllt:
HTTP-Pfad: Der Pfad des Projekts, wenn es innerhalb des Webservers ausgeführt
wird. Standardeinstellung ist „/“.
Bilderverzeichnis: Das Verzeichnis, in dem die Bilder gespeichert sind. Es ist relativ
zum Projektpfad.
Generiertes Bilderverzeichnis: Das Verzeichnis, in dem die generierten Bilder
gespeichert sind. Es ist relativ zum Projektpfad. Standardwert ist „images_dir“.
Schriftenverzeichnis: Das Verzeichnis, in dem die Schriftdateien gespeichert sind.
Relative Elemente: Zeigt an, ob die Compass-Hilfsfunktionen vom generierten CSSCode relative URLs zu den Elementen oder absolute URLs mit dem HTTP-Pfad für
diesen Elementtyp generieren sollen.
4. Klicken Sie auf „Speichern“.
Die Konfigurationsdateien werden gespeichert und im Bedienfeld „Dateien“ wird die
Dateiliste aktualisiert.
Die angegebene Verzeichnisse werden nicht als neue Ordner der Site erstellt. Compass
12
verwendet die Konfigurationseinstellungen beim Kompilieren.
Unterstützung für Bourbon
Dreamweaver unterstützt jetzt die Bourbon-Produktfamilie:
Bourbon – eine einfache, leichtgewichtige Mixin-Bibliothek für Sass
Bourbon Neat – ein leichtgewichtiges semantisches Raster-Framework für Sass und
Bourbon
Bourbon Bitters - Gerüste, Variablen und Strukturen für Bourbon Projekte
Sie können das Bourbon-Framework importieren, indem Sie „@import "bourbon"“ in den Code einfügen. Beim
Kompilieren der Präprozessor-Dateien verwendet Dreamweaver die vorgefertigte Bourbon-Version.
Sie können aber auch Bourbon-Framework-Dateien auf Ihrer Site installieren, sodass künftige DreamweaverUpdates keinen Einfluss auf Ihre Kompilierungsarbeitsabläufe haben. Die Bourbon-Framework-Dateien
werden auf Ihre Site kopiert und das ist das Framework, das verwendet wird, wenn für eine Datei, die dieses
Framework importiert, eine Kompilierung ausgelöst wird.
Mit Bourbon arbeiten
Bei erfolgreicher Kompilierung wird eine teilweise Aktualisierung ausgelöst, etwa wenn Sie (in der LiveAnsicht) HTML-Dateien geöffnet haben, die mit CSS-Dateien verknüpft sind oder CSS-Dateien importiert
haben, die sich teilweise auf der Site befinden, teilweise aber auch nicht.
Wenn diese verknüpften CSS-Dateien als Ergebnis einer Kompilierung der Präprozessor-Dateien erstellt
(oder überschrieben) werden, wird jede dieser HTML-Dateien teilweise aktualisiert und die betroffenen Stile,
die aus dem verknüpften Stylesheet stammen, werden angewendet.
Das bedeutet, dass Sie die HTML-Seiten nicht aktualisieren müssen, um festzustellen, ob die Stile aus dem
generierten/kompilierten Stylesheet angewendet worden sind oder nicht, denn die Updates werden über die
teilweise Aktualisierung unmittelbar angewendet, sodass Ihr Kontext weiterhin die Bearbeitung eines Teil des
Markups ist.
Pfad für CSS-Ausgabedateien festlegen
Sie können jetzt festlegen, wo die Ausgabe-CSS-Dateien gespeichert werden sollen.
Sie können auch innerhalb des Stammverzeichnisses der Site einen Unterordner auswählen, der überwacht
13
werden muss. Dies erleichtert die automatische Auslösung des CSS-Präprozessors, wenn eine Datei extern
oder aus Dreamweaver heraus geändert wird.
Pfad für CSS-Ausgabedateien festlegen
Hinweis: Diese Funktion ist noch im Wandel begriffen. Wir werden die Funktionalität in künftigen
Betaversionen weiterhin verbessern.
Nach oben
Änderungen im Bedienfeld „Dateien“
Das Bedienfeld „Dateien“ („Fenster“ > „Dateien“) wurde geändert. Dieses Bedienfeld wurde generell
vereinfacht und enthält keine unnötige Schaltflächen mehr, die für Ihren Arbeitsablauf nicht relevant sind.
Stattdessen werden in diesem Bedienfeld intuitiv Schaltflächen und Optionen angezeigt, je nach Position
innerhalb des Arbeitsablaufs.
Hier eine Zusammenfassung der Änderungen im Bedienfeld „Dateien“:
Die Schaltflächen „Remote“ und „Testserver“ wurden geändert
Die Spalten im Bedienfeld „Dateien“ können angepasst werden
Weitere Änderungen im Bedienfeld „Dateien“
Die Schaltflächen „Remote“ und „Testserver“ wurden geändert
In früheren Versionen wurden die Symbole für „Remote“ und „Testserver“ in der erweiterten Version des
Bedienfelds „Dateien“ angezeigt. Beim Klicken auf diese Schaltflächen wurde dann die Anzeige auf der linken
Seite des Bedienfelds geändert.
In dieser Version werden diese durch eine Dropdownliste ersetzt. Bei Auswahl von „Remote“ bzw.
„Testserver“ aus dieser Dropdownliste wird wiederum die Anzeige auf der linken Seite des Bedienfelds
entsprechend geändert.
14
Änderungen im Bedienfeld „Dateien“
Die Spalten im Bedienfeld „Dateien“ können angepasst werden
Sie haben jetzt folgende Möglichkeiten:
Spalten im Bedienfeld „Dateien“ hinzufügen oder entfernen
Spalten in der lokalen, Remote-und Testserver-Ansicht hinzufügen oder entfernen
Spalten im Bedienfeld „Dateien“ hinzufügen oder entfernen
Um Spalten im Bedienfeld „Dateien“ hinzuzufügen bzw. zu entfernen, klicken Sie mit der rechten Maustaste
auf die Spaltenüberschrift, um das Kontextmenü anzuzeigen.
Im Kontextmenü sind standardmäßig zwei Spaltenoptionen aktiviert: „Name“ und „Geändert“.
Wenn Sie keine Sites ausgewählt haben, sind drei Standardspalten aktiviert: „Name“, „Größe“ und
„Geändert“.
Spalten in der lokalen, Remote-und Testserver-Ansicht hinzufügen oder entfernen
Um Spalten hinzuzufügen oder zu entfernen, klicken Sie in der lokalen, Remote- oder Testserver-Ansicht mit
der rechten Maustaste auf eine der Spaltenüberschriften. Die Liste der Spalten ist ähnlich wie die Liste im
Dialogfeld „Site einrichten“ (Kategorie „Erweitert“ > „Dateiansichtsspalten“.
15
Weitere Änderungen im Bedienfeld „Dateien“
Für den Fall, dass keine Server definiert sind, wurde die neue Schaltfläche „Server
definieren“ hinzugefügt. Beim Klicken auf diese Schaltfläche wird der das Dialogfeld „Site
einrichten“ mit aktivierter Server-Kategorie geöffnet.
Die Schaltfläche „Aktualisieren“ im Bedienfeld „Dateien“ wurde aus der Symbolleiste in
die Statusleiste verlagert.
Die neue Schaltfläche „Server definieren“ und die verlagerte Schaltfläche „Aktualisieren“
Wenn kein Server definiert ist, wird auch keine der anderen mit dem Server-Arbeitsablauf
zusammenhängenden Schaltflächen („Abrufen“/„Bereitstellen“, „Verbinden“ oder
„Synchronisieren“) angezeigt.
Die geänderten Daten, die beim Klicken/Zeigen auf die Dateien/Ordner in der Statusleiste
erscheinen, wurden entfernt.
Die SVN-Versionskontrolle ist veraltet.
Nach oben
Änderungen im Bedienfeld „Codefragmente“
In Bezug auf die Arbeitsweise mit dem Bedienfeld „Codefragmente“ gab es folgende Änderungen:
Die Codevorschau wurde entfernt. Die Vorschau, die bei Auswahl eines Codefragments
angezeigt wurde, wurde aus dem Produkts entfernt.
Das Hinzufügen von Codefragmenten wurde einfacher gestaltet. Mit dem vereinfachten
Dialogfeld können Sie Codefragmente schneller erstellen. Weitere Informationen finden
Sie unter Codefragmente erstellen.
Tastaturbefehle wurden durch Auslöserschlüssel ersetzt. Sie können jetzt
Auslöserschlüssel definieren, um Codefragmente schneller in den Code einzufügen.
Weitere Informationen finden Sie unter Arbeitsablauf, um Codefragmente mithilfe von
Auslöserschlüsseln einzufügen.
Codefragmente erstellen
Mit dem neuen, vereinfachten Dialogfeld „Codefragmente“ können Sie jetzt ruck, zuck Codefragmente
erstellen und später wiederverwenden, ohne überflüssige Felder ausfüllen zu müssen.
16
Codefragmente erstellen
Arbeitsablauf, um Codefragmente mithilfe von Auslöserschlüsseln
einzufügen
Häufig verwendeten Codefragmenten können Sie über das Feld „Auslöserschlüssel“ Schlüsselwörter
zuweisen, damit Sie diese Codefragmente schneller in den Code einfügen können.
Änderungen im Bedienfeld „Codefragmente“
17
Auslöserschlüssel zum Einfügen von Codefragmenten definieren
1. Klicken Sie mit der rechten Maustaste auf ein Codefragment und wählen Sie
„Auslöserschlüssel bearbeiten“.
Auslöserschlüssel für ein Codefragment definieren
2. Geben Sie in das Feld „Auslöserschlüssel“ den gewünschten Text ein.
Den Auslösertext in das Feld „Auslöserschlüssel“ einfügen
Hinweis: Auslöserschlüssel dürfen (außer dem Unterstrich) keine Sonderzeichen
enthalten. Darüber hinaus muss der Auslöserschlüssel eindeutig sein und darf nicht für
zwei verschiedene Codefragmente verwendet werden.
18
3. Um ein Codefragment mithilfe des Auslöserschlüssels in den Code einzufügen, geben
Sie einfach den Auslösertext ein und drücken die Tabulatortaste.
Nach oben
Automatische Wiederherstellung von Dateien nach einem Absturz
Wenn Dreamweaver aufgrund von Systemfehlern, Stromausfall oder anderen Problemen unerwartet abstürzt,
können Sie nicht gespeicherte Änderungen an den Dateien, an denen Sie gerade gearbeitet haben,
wiederherstellen.
Die automatische Wiederherstellungsfunktion sichert automatisch alle nicht gespeicherten Dateien in
Dreamweaver. Bei einem Absturz wird bei nachfolgenden Starts von Dreamweaver das folgende Dialogfeld
angezeigt.
Automatische Wiederherstellung in Dreamweaver
Wenn Sie Dreamweaver nach einem Absturz öffnen, können Sie jetzt die zuletzt ausgeführten Änderungen
an einer Datei wiederherstellen oder verwerfen:
„Wiederherstellen“: Wählen Sie diese Option, um die automatisch gespeicherte Version
der Datei zu öffnen.
„Verwerfen“: Wählen Sie diese Option, um die letzte gespeicherte Version der Datei zu
öffnen.
Hinweis: In Dreamweaver werden die Dateien (je nach dem Betriebssystem) ungefähr alle fünf Sekunden
gespeichert.
Bekannte Probleme bei der Wiederherstellung:
Sie müssen Ihre Datei mindestens einmal gespeichert haben, damit diese Funktion wie
vorgesehen funktionieren kann.
Stürzt Dreamweaver ab, während ein Dialogfeld geöffnet ist, können die Dateien nicht
wiederhergestellt werden.
Nach oben
Unterstützung für mehrere Cursor
Verwenden Sie die Mehrfachauswahl, um auf verschiedene Teile Ihres Dokuments dieselbe Änderung
anzuwenden, beispielsweise um zu mehreren Codezeilen denselben Text hinzuzufügen oder um alle
Variableninstanzen ohne die Suchleiste schnell zu ersetzen.
19
Alle Änderungen, die Sie mit mehreren Cursorn vornehmen, können auch rückgängig gemacht oder
wiederholt werden.
Es gibt zwei grundsätzliche Methoden, um eine Mehrfachauswahl zu erstellen:
Spalten-/Rechteckauswahl: Ziehen Sie bei gedrückter Alt-Taste vertikal oder diagonal.
Durch vertikales Ziehen werden die Cursor zu jeder Zeile, über die Sie ziehen,
hinzugefügt und durch diagonales Ziehen wird ein rechteckiger Textblock ausgewählt
(tatsächlich ist es ein Satz an Auswahlen, je eine pro Zeile). Um schnell mehrere Cursor
vertikal zu erstellen, drücken Sie Umschalt+Alt+Nach-oben-Taste/Nach-unten-Taste, um
über bzw. unter der aktuellen Auswahl einen Cursor hinzuzufügen.
Nicht zusammenhängende Auswahl: Wählen Sie die Datenquelle aus und drücken Sie
die Strg-Taste (Windows) bzw. die Befehlstaste-Taste (Mac) und erstellen Sie eine
weitere Auswahl. Die zweite Auswahl wird zu einem anderen Auswahlbereich
hinzugefügt.
Sie können diese Techniken auch kombinieren – drücken Sie Strg+Alt oder Befehl+Alt und ziehen Sie, um
zur vorhandenen Mehrfachauswahl eine Spalten-/Rechteckauswahl hinzuzufügen.
Nachdem Sie eine Mehrfachauswahl vorgenommen haben, sind die meisten Navigationsbefehle und
Änderungen auf jeden Cursor oder jede Bereichsauswahl anwendbar. Wenn Sie beispielsweise Text
eingeben, erscheinen die Zeichen, die Sie eingeben haben, bei jedem Cursor (bzw. ersetzen jede Auswahl).
Die Pfeiltasten verschieben jede Auswahl in Richtung des Pfeils.
Unterstützung für mehrere Cursor
Nach oben
Mithilfe von Codehinweisen und der Schnellbearbeitung schnell auf
den Farbwähler zugreifen
Codehinweise werden während der Eingabe automatisch eingeblendet, aber Sie können Sie auch manuell
anzeigen, indem Sie Strg+Leertaste (Windows und Mac) drücken. In der neuen Codeansicht gibt es
Codehinweise für die folgenden Farbattribute:
Codehinweise für Farbe
20
Befindet sich der Cursor auf einem bestimmten Codefragment, drücken Strg+E/Befehl+E, um die InlineEditoren der Schnellbearbeitung zu öffnen. In einer Datei mit einer HEX-Farbe oder einer RGB-, RGBA-,
HSL-, oder HSLA-Farbe öffnet die Schnellbearbeitung einen Inline-Farbwähler, in dem eine Vorschau der
Farbe angezeigt wird und in dem die Farbe angepasst werden kann.
Farben über die Schnellbearbeitung ändern
Nach oben
Änderungen am Arbeitsbereich
Am Dreamweaver-Arbeitsbereich wurden einige Änderungen vorgenommen.
Überflüssige Arbeitsbereiche wurden entfernt
Der Standard-, Extract- und Anfängerarbeitsbereich wurden aus der Symbolleiste entfernt.
Der neue Arbeitsbereich „Grundelemente“
21
Der Arbeitsbereich „Grundelemente“
Der neue Arbeitsbereich „Grundelemente“ ist jetzt der Standardarbeitsbereich.
Der neue Arbeitsbereich „Grundelemente“ enthält häufig genutzte Symbolleisten und Bedienfelder:
Dateien
CC Libraries
Einfügen
CSS Designer
DOM
Elemente
Codefragmente
Standardmäßig haben die Bedienfelder „Dateien“ und „DOM“ den Fokus.
Nach oben
Verbesserte Voreinstellungen in Dreamweaver
Das Dreamweaver-Dialogfeld „Voreinstellungen“ wurde verbessert und bietet Ihnen nun eine bessere
Kontrolle über die Projekteinstellungen.
Voreinstellungsoption Änderung
Farbe für Code
Sie können jetzt zwischen dunklen und hellen Themen wählen.
Eine Anpassung der Codefarben ist momentan nicht möglich.
Codeformat
Sie können die Einrückung, die Tabulatorgröße und die minimale
Größe der Codefaltung festlegen.
Weitere Voreinstellungen zum Codeformat sind momentan nicht
verfügbar.
Codehinweise
Sie können die Anzeige von Codehinweisen aktivieren oder
deaktivieren. Und Sie können festlegen, wann schließende Tags
automatisch eingefügt werden sollen.
Sie können die Schrift und die Schriftgröße für die Codeansicht
22
Schriften
festlegen. Der Rest der Voreinstellungen für Schriften sind
momentan nicht verfügbar.
Nach oben
Änderungen an der Symbolleiste
Änderungen an der Dokumentsymbolleiste
Hinweis: Diese Funktion ist momentan nur in Windows-Betriebssystemen verfügbar.
In der Dokumentsymbolleiste sind jetzt (in der Mitte der Symbolleiste) nur die Codeansicht, die geteilte
Ansicht und die Live-Ansicht aufgeführt.
Wenn Sie eine Ansicht auswählen, wird diese in blau hervorgehoben. Nach dem Abdocken ist die
Dokumentsymbolleiste recht kurz.
Außerdem wurden die Symbolleistenoptionen im Menü jetzt zu „Windows“ > „Symbolleisten“ verlagert.
Für einen Vergleich sehen Sie unten eine Abbildungen der Dokumentsymbolleiste aus früheren Versionen
sowie eine Abbildung der Dokumentsymbolleiste in Dreamweaver CC (2017 Beta).
Dokumentsymbolleiste – Dreamweaver CC 2015
Dokumentsymbolleiste – Dreamweaver CC (2017
Beta)
Hinweis: Momentan ist für diese Ansichten nur Text verfügbar, am Erscheinungsbild wird noch gearbeitet.
Änderungen an der allgemeinen Symbolleiste
Die allgemeine Symbolleiste (früher die „Code-Symbolleiste“) auf der linken Seite des DreamweaverArbeitsbereichs ist jetzt ansicht-spezifisch. Das bedeutet, je nach aktueller Ansicht werden nur die
Menüoptionen angezeigt, die in der jeweiligen Ansicht auch anwendbar sind.
Es folgt eine Abbildung der Code-Symbolleiste aus der vorherigen Versionen sowie eine Abbildung der
neuen allgemeinen Symbolleiste in Dreamweaver CC (2017 Beta).
23
Code-Symbolleiste – Dreamweaver 2015
Allgemeine Symbolleiste – Dreamweaver CC (2017
Beta)
Sie können diese Symbolleiste auch an Ihre Anforderungen anpassen, indem Sie Menüoptionen hinzufügen
oder nicht benötigte Menüoptionen aus der Symbolleiste entfernen.
Um die Symbolleiste anzupassen, führen Sie die folgenden Schritte aus:
1. Klicken Sie in der Symbolleiste auf
öffnen.
, um das Dialogfeld „Symbolleiste anpassen“ zu
Symbolleisten anpassen
2. Aktivieren Sie die Menüoptionen, die in der Symbolleiste verfügbar sein sollen, bzw.
24
deaktivieren Sie die Menüoption, die Sie entfernen möchten, und klicken Sie auf „Fertig“,
um Ihre Symbolleiste zu speichern.
Klicken Sie auf „Standardeinstellungen wiederherstellen“, um die Standardmenüoptionen wiederzuherstellen.
Mit der neuen Schaltfläche in der allgemeinen Symbolleiste der Live-Ansicht können Sie jetzt die Leiste für
visuelle Medienabfragen ein- und ausblenden. Außerdem wurde die allgemeine Symbolleiste um
Schaltflächen für die Live-Ansicht und den Prüfmodus erweitert.
Das Symbol für die Dateiverwaltung hat sich geändert und sieht nun folgendermaßen aus:
Symbol für die Dateiverwaltung
Die folgenden Symbolleistenoptionen sind in dieser Version von Dreamweaver CC (2017 Beta) nicht
implementiert:
Vollständiges Tag ausblenden
Auswahl ausblenden
Alles einblenden
Kommentar entfernen
Klammern ausgleichen
Umbruch
Die folgenden Symbolleistenoptionen sind in dieser Version von Dreamweaver CC (2017 Beta) nicht
implementiert:
Vollständiges Tag ausblenden
Auswahl ausblenden
Alles einblenden
Kommentar entfernen
Klammern ausgleichen
Umbruch
Die folgenden Symbolleistenoptionen sind in dieser Version von Dreamweaver CC (2017 Beta) nicht
implementiert:
25
Vollständiges Tag ausblenden
Auswahl ausblenden
Alles einblenden
Kommentar entfernen
Klammern ausgleichen
Umbruch
Nach oben
Änderungen in Kontextmenüs
Live-Ansicht über das Kontextmenü aktualisieren
Über das Kontextmenü können Sie jetzt die Live-Ansicht aktualisieren und innerhalb der Live-Ansicht vorund zurücknavigieren.
Mithilfe des Kontextmenüs können Sie jetzt innerhalb der Live-Ansicht vor- und zurücknavigieren
Kontextmenü in der „Codeansicht“
Wenn Sie innerhalb der Codeansicht mit der rechten Maustaste klicken, wird ein Kontextmenü angezeigt.
Allerdings stehen ab sofort nicht mehr alle Optionen zur Verfügung.
26
Verfügbare Optionen im Rechtsklick-Kontextmenü der Codeansicht
In dieser Dreamweaver-Version sind die folgenden Kontextmenüelemente nicht verfügbar:
Vorheriges suchen
Codehinweiswerkzeuge
„Auswahl“ –> „Auswahl ausblenden“, „Alles außer Auswahl ausblenden“, „Auswahl
einblenden“, „Ganzes Tag ausblenden“ und „Alles außer vollständigem Tag ausblenden“
Nach oben
Änderungen an Tastaturbefehlen
Tastaturbefehl
Ehemaliges
Verhalten
Neues Verhalten
Strg+L
Link ändern oder
erstellen
Zeile auswählen
Strg+[
Übergeordnetes
Element auswählen
Negativeinzug im Code
Strg+]
Untergeordnetes
Element auswählen
Code einrücken
Strg+Alt+Nach-obenTaste
Übergeordnetes Element auswählen
Strg+Alt+Nach-untenTaste
Untergeordnetes Element auswählen
Strg+D
Element duplizieren
(Live-Ansicht)
Zeile duplizieren
Strg+Umschalt+D
Datei abrufen
Zeile löschen
Strg+Alt+D
Strg+/
Datei abrufen
DOM-Bedienfeld
ein-/ausblenden
Kommentar ein-/ausblenden
Geschütztes
27
Strg+Umschalt+Leertaste Leerzeichen
einfügen
Parameterhinweise anzeigen
Strg+-
Verkleinern (LiveAnsicht)
Schriftgröße verkleinern (Codeansicht)/
Verkleinern (Live-Ansicht)
Strg+0
Zoom 100 % (LiveAnsicht)
Schriftgröße wiederherstellen
(Codeansicht)/ 100-%-Anzeige (LiveAnsicht)
Strg+K
Extract-Bedienfeld
ein-/ausblenden
Schnelldokumentation
Strg/Befehl+E
–
Schnellbearbeitung
Strg+/ bzw. Befehl+/
DOM-Bedienfeld
ein-/ausblenden
Kommentar ein-/ausblenden
Nach oben
Nicht bearbeitbarer Inhalt
Gesperrte Bereiche innerhalb der Vorlageninstanzen können nicht bearbeitet werden.
Allerdings werden Sie in der Codeansicht momentan nicht daran gehindert, Text in schreibgeschützte oder
Remote-Dateien einzugeben.
Diese Verbesserung wird in künftigen Betabuilds implementiert.
Nach oben
Umstrukturierung des Anwendungsmenüs
Das Dreamweaver-Anwendungsmenü wurde basierend auf den den Optionen entsprechenden
Funktionalitäten umstrukturiert. Diese Umstrukturierung wird es neuen Benutzern erleichtern, die
Menüoptionen zu entdecken.
Nach oben
Feedback geben
Wenn Sie uns zu all den spannenden Änderungen in Dreamweaver etwas mitteilen möchten, reichen Sie
einfach einen Kommentar ein, und zwar über die Option „Feedback“, die in Dreamweaver eingebettet ist.
28
Die Dreamweaver-Option „Feedback“
Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.
Rechtliche Hinweise | Online-Datenschutzrichtlinie
29
Installieren von Dreamweaver CC (2017 Beta)
Dreamweaver CC (2017 Beta) Build 9122.0 für Windows und Mac steht für Sie zum Testen und Feedback
geben bereit.
Bitte beachten Sie, dass die Entwicklung von Funktionen und die Benutzeroberfläche noch nicht
abgeschlossen sind und sich im Laufe des Prerelease-Programms ändern werden. Ihr Feedback wird uns
helfen, Dreamweaver zu verbessern. Auf der Prerelease-Website können Sie Ihre Funktionsvorschläge und
Fehlerberichte hinterlassen.
Parallelinstallation von Dreamweaver Beta und früheren Dreamweaver CCVersionen
Der Dreamweaver Betabuild kann sowohl unter Windows als auch auf dem Mac parallel
zu anderen installierten Dreamweaver-Versionen gestartet werden.
Voreinstellungen und Tastaturkurzbefehle werden nicht in die Betaversion migriert.
Es ist nicht möglich, Synchronisationseinstellungen aus zuvor installierten DreamweaverVersionen zu importieren.
Betabuilds haben die separate Versionsnummer 16.6
Betabuilds haben separate Voreinstellungen, die auf dem Mac und unter Windows in den
folgenden Pfaden gespeichert werden:
MAC:
~/Library/Preferences/Adobe Dreamweaver Beta Prefs
~/Library/Application Support/Adobe/Dreamweaver Beta
WIN:
HKEY_CURRENT_USER/Software/Adobe/Dreamweaver Beta
C:\Benutzer\<Benutzername>\AppData\Roaming\Adobe\Dreamweaver Beta
Die Sites, die in den Betabuilds erstellt werden, werden in einem separaten Ordner im
Ordner „Common“ mit dem Namen „16.6“ gespeichert.
Vor der Installation
Da es sich bei diesem Build um eine sehr frühe Preview handelt, sollte er nur für
Testzwecke verwendet werden. Sie sollten ihn auf keinen Fall in einer
Produktionsumgebung bereitstellen.
Sichern Sie Ihre Sites, bevor Sie mit diesem Build arbeiten. Sie sollten zudem auch Ihre
Site-Definitionen aus der offiziellen Version des Produkts sichern, indem Sie „Site“ >
„Sites verwalten“ > „Exportieren“ wählen.
Deinstallieren früherer Betabuilds von Dreamweaver
Wenn Sie bereits einen Betabuild installiert haben, sollten Sie ihn deinstallieren und dann das Skript
ausführen, das wir Ihnen bereitgestellt haben, um Restdateien manuell zu entfernen. Diese Dateien bleiben
aufgrund eines Fehlers im Betabuild-Installationsprogramm nach der Deinstallation übrig.
Das Skript entfernt alle Voreinstellungen eines Dreamweaver Betabuilds sowie installierte Ordner und
30
Benutzerkonfigurationen in Anwendungsdaten.
Hinweis: Dieses Skript legt keine Sicherungsdateien an. Alle oben aufgeführten Dateien und Ordner werden
endgültig gelöscht, wenn Sie dieses Skript ausführen.
Hinweis: Wenn Sie im Alpha-1-Build neue Codefragmente erstellt haben, müssen Sie vor der Deinstallation
des Alpha-1-Builds eine Sicherungskopie der Codefragmente erstellen.
Mac:
1. Laden Sie „CleanupDWBetaFiles.sh“ von der Prerelease-Download-Seite herunter.
2. Sollte Dreamweaver Beta gestartet werden, beenden Sie es und stellen Sie sicher, dass
in der Aktivitätsanzeige keine Dreamweaver Beta-Prozesse oder Dreamweaver BetaHilfsprozesse sichtbar sind. Wenn solche Prozesse ausgeführt werden, beenden Sie
einen Prozess, indem Sie in der Aktivitätsanzeige die Zeile des Prozesses auswählen
und auf
klicken.
3. Führen Sie im Terminal den folgenden Befehl aus:
sudo sh <Pfad zu DeleteDWBetaFolders.sh>
Dadurch werden alle Dreamweaver Beta-Dateien entfernt, die vom Dreamweaver BetaDeinstallationsprogramm übrig gelassen wurden.
Windows:
1. Laden Sie „CleanupDWBetaFiles.bat“ von der Prerelease-Download-Seite herunter.
2. Sollte Dreamweaver Beta gestartet werden, beenden Sie es und stellen Sie sicher, dass
im Task-Manager keine Dreamweaver Beta-Prozesse oder Dreamweaver BetaHilfsprozesse sichtbar sind. Wenn Prozesse ausgeführt werden, beenden Sie sie, indem
Sie mit der rechten Maustaste auf den Prozess klicken und „Prozess beenden“ wählen.
3. Starten Sie die Windows-Command-Shell (Eingabeaufforderung) als Administrator,
indem Sie im Windows-Startmenü mit der rechten Maustaste auf „Eingabeaufforderung“
klicken, und „Als Administrator ausführen“ wählen.
4. Führen Sie den folgenden Befehl aus:
<Desktop-Pfad>\DeleteDWBetaFolders.bat
Dadurch werden alle Dreamweaver Beta-Dateien entfernt, die vom Dreamweaver BetaDeinstallationsprogramm übrig gelassen wurden.
Voraussetzungen zum Ausführen der 64-Bit-Version von Dreamweaver
64-Bit-Betriebssystem:
Um zu überprüfen, ob Sie mit einem 64-Bit-Betriebssystem arbeiten, befolgen Sie die Anleitungen in den
folgenden Artikeln:
Windows: http://support.microsoft.com/de-de/kb/827218
Mac: http://support.apple.com/kb/ht3696
Installationsanweisungen
1. Laden Sie vom Build-Bereich der Prerelease-Site den Dreamweaver Betabuild herunter.
2. Extrahieren Sie den Build in einen Ordner und führen Sie dann das
Installationsprogramm aus.
31
Standardmäßig wird der Inhalt in den Ordner „/desktop/Dreamweaver Beta“ extrahiert.
Nach Abschluss der Installation wird Dreamweaver Beta automatisch gestartet.
Um zu überprüfen, ob der Build erfolgreich installiert worden ist, überprüfen Sie, ob die installierte Version
(auf Windows wie auch auf Mac-Systemen) die Build-Nummer 9122.0 hat.
Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.
Rechtliche Hinweise | Online-Datenschutzrichtlinie
32
Systemanforderungen
Dreamweaver CC (2017 Beta)
Windows
Intel Pentium 4- oder AMD Athlon 64-Prozessor
Microsoft Windows 7, Windows 8, Windows 8.1 oder Windows 10
2 GB RAM
1,1 GB freier Festplattenspeicher für die Installation. Während der Installation wird
zusätzlicher freier Speicherplatz benötigt. (Auf Flash-Wechselspeichermedien ist die
Installation nicht möglich.)
Bildschirmauflösung von 1280 x 1024 Punkt und 16-Bit-Grafikkarte
Die Aktivierung eines Adobe-Produkts, die Validierung von Abonnements und der Zugriff
auf Online-Dienste setzen eine Internet-Verbindung sowie eine Registrierung voraus
Mac OS
Multicore-Intel-Prozessor
Mac OS X, Version 10.10 und 10.11
2 GB RAM
1,1 GB freier Festplattenspeicher für die Installation. Weiterer freier Speicherplatz wird
während der Installation benötigt. (Installation auf einem Datenträger mit einem
Dateisystem, das zwischen Groß- und Kleinschreibung unterscheidet, oder auf einem
Flash-Wechselspeichermedium ist nicht möglich.)
Bildschirmauflösung von 1280 x 1024 Punkt und 16-Bit-Grafikkarte
Die Aktivierung eines Adobe-Produkts, die Validierung von Abonnements und der Zugriff
auf Online-Dienste setzen eine Internet-Verbindung sowie eine Registrierung voraus.
Sprachversionen
Dreamweaver CC ist in den folgenden Sprachen verfügbar:
Deutsch
Polski
简体中文*
English
Português (Brasil)
繁體中文*
Español
Svenska
한국어*
Français
Türkçe
Français*
čeština
‫*עברית‬
Русский
Italiano
*
Nederlands
日本語
33
* Die Sprachversionen Chinesisch (vereinfacht), Chinesisch (traditionell) und Koreanisch sind nur für
Windows erhältlich. Arabische und hebräische Versionen haben eine englische Benutzeroberfläche; Support
wird in der regionalen Sprache angeboten. Die nordafrikanisch-französische Version hat eine französische
Benutzeroberfläche; Support wird in der regionalen Sprache angeboten.
Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.
Rechtliche Hinweise | Online-Datenschutzrichtlinie
34
Funktionsvorschläge, Feedback und Fehlerberichte
Wenn Sie ein Problem mit Dreamweaver CC (2017 Beta) haben oder gerne eine neue Funktion vorschlagen
oder Feedback geben würden, führen Sie einen der folgenden Schritte aus:
Klicken Sie oben rechts in der Dreamweaver-Benutzeroberfläche auf die Schaltfläche
„Feedback“. Weitere Informationen finden Sie unter Feedback geben.
Öffnen Sie die Website User Voice und melden Sie sich mit der E-Mail-ID an, mit der Sie
Ihre Adobe ID erstellt haben.
Die Dreamweaver-Option „Feedback“
Um sich wegen eines Dreamweaver-Fehlers direkt mit uns in Verbindung zu setzen, senden Sie eine E-Mail
an [email protected].
Senden Sie keine Screenshots von Fehlerbeispielen an öffentliche Websites, da dies gegen die
Vertraulichkeitsvereinbarung verstoßen würde, der Sie bei der Teilnahme an diesem Programm zugestimmt
haben.
Hinweis: Windows-Protokolle über Abstürze werden nicht mehr (mit einem Info-Dialogfeld) an den Desktop
gesendet. Stattdessen werden sie automatisch in Ihren Config-Ordner geschrieben. Wenn Sie vermuten, dass
Dreamweaver unter Windows abgestürzt ist, können Sie jetzt im Ordner „Config“ nachschauen.
Auf Mac-Systemen gibt es eine Funktion mit dem Namen „Adobe Crash Reporter“. Diese Komponente wird
gestartet, wenn Sie einen Absturz haben. Sie erfasst spezifische Daten über den Absturz, um sie an Adobe
zu senden. Wenn Sie auf einem Mac einen Absturz haben, führen Sie die folgenden Schritte aus, um den
Absturzbericht zu senden und einen Fehler zum betreffenden Thema zu melden.
1. Wenn Dreamweaver abstürzt, wird der Adobe Crash Reporter gestartet.
2. Melden Sie einen Fehler anhand der üblichen Schritte. Kopieren Sie bitte den gesamten
Text des Absturzberichts in die Fehlerbeschreibung unter den zu reproduzierenden
Schritten. Füllen Sie die erforderlichen Pflichtfelder aus und speichern Sie den Fehler.
3. Geben Sie die Fehlernummer zusammen mit den erforderlichen Schritten in die optionale
Problembeschreibung des Crash Reporter ein und klicken Sie auf „Send To Adobe“.
Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.
35
Rechtliche Hinweise | Online-Datenschutzrichtlinie
36
Bekannte Probleme
Zum Zeitpunkt der Veröffentlichung dieser Dreamweaver-Betaversion konnte Adobe die folgenden Probleme
identifizieren.
Arbeitsabläufe:
Das Synchronisieren von Einstellungen funktioniert nicht in diesem Build.
Drag & Drop von den Bedienfeldern „Einfügen“, „Elemente“ und „Codefragmente“ in die
Codeansicht funktioniert nicht.
Nach dem Start von Dreamweaver ist das Feedback-Fenster leer, während es zum ersten
Mal geladen wird.
Dreamweaver stürzt ab, wenn Sie versuchen, eine Seite in Vorlagen/CC Libraries zu
speichern oder zu aktualisieren.
Die Option „Datei-Auschecken aktivieren“ („Site-Definition“ > „Server“ > „Erweitert“) kann
nicht aktiviert festgelegt werden.
Die Funktion „JavaScript externalisieren“ führt zu einer JavaScript-Fehlermeldung.
Nur Mac: Bei einer Suche im Bedienfeld „Dateien“ stürzt Dreamweaver ab.
Nur Mac: Beim Einfügen einer Tabelle aus dem Bedienfeld „Einfügen“, wird eine
JavaScript-Fehlermeldung angezeigt.
Nur Mac: Wenn Sie ein leeres HTML-Dokument erstellen, wird eine Datei mit dem
Dokumenttyp „HTML 4.01 Transitional“ erstellt.
Codeansicht:
CSS-Präprozessor-Voreinstellungen „Strict Math“, „Strict Units“ für LESS und
„Quellkommentare erstellen“ für Sass werden beim Kompilieren von LESS/Sass-Dateien
nicht berücksichtigt.
CC Libraries-Codehinweise sind in nicht gespeicherten neuen Dokumenten nicht
verfügbar.
CC Libraries-Codehinweise für Farben sind nicht verfügbar.
UI Thema – noch im entstehen:
Momentan arbeiten wir noch daran, in den folgenden Bedienfeldern/Fenstern/UI-Elementen die vier UIFarbthemen zu unterstützen. Dies wird in künftigen Builds implementiert.
Dialogfeld „Neues Dokument“
Eigenschafteninspektor
Bedienfeld „Elemente“
CSS-Übergänge
Bedienfeld „Extract“
Bedienfeld „CC Libraries“
Tag-Editor
Fenster „Voreinstellungen“
Bildlaufleiste der Codeansicht (Mac)
Untermenüsymbole im Bedienfeld „Einfügen“ für die Elemente wie „Heading“
37
Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.
Rechtliche Hinweise | Online-Datenschutzrichtlinie
38

Download Report