Benutzerhandbuch Abbrechen

Codehinweise und Codevervollständigung

  1. Dreamweaver-Benutzerhandbuch
  2. Einführung
    1. Grundlagen von responsivem Webdesign
    2. Neue Funktionen in Dreamweaver
    3. Web-Entwicklung mit Dreamweaver – Überblick
    4. Dreamweaver/Häufige Fragen
    5. Tastaturbefehle
    6. Dreamweaver – Systemanforderungen
    7. Übersicht über die Funktionen
  3. Dreamweaver und Creative Cloud
    1. Dreamweaver-Einstellungen mit Creative Cloud synchronisieren
    2. Creative Cloud-Bibliotheken in Dreamweaver
    3. Photoshop-Dateien in Dreamweaver verwenden
    4. Mit Adobe Animate und Dreamweaver arbeiten
    5. Web-optimierte SVG-Dateien aus Bibliotheken extrahieren
  4. Arbeitsbereiche und Ansichten in Dreamweaver
    1. Der Dreamweaver-Arbeitsbereich
    2. Dreamweaver-Arbeitsbereich für die visuelle Entwicklung optimieren
    3. Dateien anhand von Dateinamen oder Inhalten suchen | Mac OS
  5. Sites einrichten
    1. Dreamweaver-Sites
    2. Lokale Version Ihrer Site einrichten
    3. Verbindung mit einem Publishing Server herstellen
    4. Testserver einrichten
    5. Site-Einstellungen importieren und exportieren
    6. Vorhandene Websites von einem Remote-Server in Ihren lokalen Site-Stammordner kopieren
    7. Barrierefreie Funktionen in Dreamweaver
    8. Erweiterte Einstellungen
    9. Site-Voreinstellungen für die Übertragung von Dateien festlegen
    10. Proxyserver-Einstellungen in Dreamweaver festlegen
    11. Dreamweaver-Einstellungen mit Creative Cloud synchronisieren
    12. Git in Dreamweaver verwenden
  6. Dateien verwalten
    1. Dateien öffnen und erstellen
    2. Dateien und Ordner verwalten
    3. Dateien vom Server abrufen/auf dem Server bereitstellen
    4. Dateien einchecken und auschecken
    5. Dateien synchronisieren
    6. Dateien auf Unterschiede vergleichen
    7. Dateien und Ordner in Ihrer Dreamweaver-Site von Operationen ausschließen (Cloaking)
    8. Design Notes für Dreamweaver-Sites aktivieren
    9. Potenzielle Gatekeeper-Angriffe verhindern
  7. Layout und Entwurf
    1. Visuelle Hilfsmittel für das Layout verwenden
    2. CSS für das Seitenlayout verwenden
    3. Responsive-Websites mit Bootstrap entwerfen
    4. Medienabfragen in Dreamweaver erstellen und verwenden
    5. Inhalte in Tabellen darstellen
    6. Farben
    7. Responsive Design mithilfe von fließenden Rasterlayouts
    8. Extract in Dreamweaver
  8. CSS
    1. Grundlegendes zu Cascading Stylesheets
    2. Gestalten von Seitenlayouts mit CSS Designer
    3. CSS-Präprozessoren in Dreamweaver verwenden
    4. Voreinstellungen für CSS-Stile in Dreamweaver festlegen
    5. CSS-Regeln in Dreamweaver verschieben
    6. Inline-CSS in Dreamweaver in eine CSS-Regel umwandeln
    7. Mit div-Tags arbeiten
    8. Verläufe auf den Hintergrund anwenden
    9. CSS3-Übergangseffekte in Dreamweaver erstellen und bearbeiten
    10. Code formatieren
  9. Seiteninhalt und Elemente
    1. Seiteneigenschaften festlegen
    2. CSS-Eigenschaften von Überschriften und Links festlegen
    3. Mit Text arbeiten
    4. Text, Tags und Attribute suchen und ersetzen
    5. DOM-Bedienfeld
    6. In der Live-Ansicht bearbeiten
    7. In Dreamweaver die Kodierung von Dokumenten festlegen
    8. Elemente im Dokumentfenster auswählen und anzeigen
    9. Texteigenschaften im Eigenschafteninspektor festlegen
    10. Rechtschreibprüfung für Web-Seiten durchführen
    11. Horizontale Linien in Dreamweaver verwenden
    12. Schriftkombinationen in Dreamweaver hinzufügen und ändern
    13. Mit Elementen arbeiten
    14. Datumsangaben in Dreamweaver einfügen und aktualisieren
    15. In Dreamweaver Favoritenelemente erstellen und verwalten
    16. Bilder in Dreamweaver einfügen und bearbeiten
    17. Medienobjekte hinzufügen
    18. Videos in Dreamweaver einfügen
    19. HTML5-Videos einfügen
    20. SWF-Dateien einfügen
    21. Audioeffekte hinzufügen
    22. In Dreamweaver HTML5-Audiodateien einfügen
    23. Mit Bibliothekselementen arbeiten
    24. Arabischen und hebräischen Text in Dreamweaver verwenden
  10. Hyperlinks und Navigation
    1. Allgemeines zu Hyperlinks und Navigation
    2. Hyperlinks erstellen
    3. Imagemaps
    4. Fehler in Hyperlinks beheben
  11. jQuery-Widgets und -Effekte
    1. jQuery UI- und Mobile-Widgets in Dreamweaver verwenden
    2. jQuery-Effekte in Dreamweaver verwenden
  12. Websites programmieren
    1. In Dreamweaver programmieren
    2. Programmierumgebung in Dreamweaver
    3. Voreinstellungen für Code festlegen
    4. Codehervorhebung anpassen
    5. Code schreiben und bearbeiten
    6. Codehinweise und Codevervollständigung
    7. Code aus- und einblenden
    8. Code mit Codefragmenten wiederverwenden
    9. Code-Linting
    10. Code optimieren
    11. Code in der Entwurfsansicht bearbeiten
    12. Mit den Head-Inhalten von Seiten arbeiten
    13. Server-Side Includes in Dreamweaver einfügen
    14. Tag-Bibliotheken in Dreamweaver verwenden
    15. Benutzerdefinierte Tags in Dreamweaver importieren
    16. JavaScript-Verhalten (allgemeine Anweisungen)
    17. Integrierte JavaScript-Verhalten anwenden
    18. XML und XSLT
    19. Server-seitige XSL-Transformationen in Dreamweaver durchführen
    20. Client-seitige XSL-Transformationen in Dreamweaver durchführen
    21. Zeichenentitäten für XSLT in Dreamweaver einfügen
    22. Code formatieren
  13. Produktübergreifende Arbeitsabläufe
    1. Erweiterungen für Dreamweaver installieren und verwenden
    2. In-App-Updates in Dreamweaver
    3. Microsoft Office-Dokumente in Dreamweaver einfügen (nur Windows)
    4. Mit Fireworks und Dreamweaver arbeiten
    5. Mithilfe von Contribute Inhalte in Dreamweaver-Sites bearbeiten
    6. Dreamweaver-Business Catalyst-Integration
    7. Personalisierte E-Mail-Kampagnen erstellen
  14. Vorlagen
    1. Dreamweaver-Vorlagen
    2. Vorlagen und vorlagenbasierte Dokumente erkennen
    3. Dreamweaver-Vorlagen erstellen
    4. Bearbeitbare Bereiche in Vorlagen erstellen
    5. Wiederholende Bereiche und Tabellen in Dreamweaver erstellen
    6. Optionale Bereiche in Vorlagen verwenden
    7. Bearbeitbare Tag-Attribute in Dreamweaver definieren
    8. Verschachtelte Vorlagen in Dreamweaver erstellen
    9. Vorlagen bearbeiten, aktualisieren und löschen
    10. XML-Inhalte in Dreamweaver exportieren und importieren
    11. Vorlage auf ein vorhandenes Dokument anwenden oder aus dem Dokument entfernen
    12. Inhalte in Dreamweaver-Vorlagen bearbeiten
    13. Syntaxregeln für Vorlagen-Tags in Dreamweaver
    14. Markierungseinstellungen für Vorlagenbereiche festlegen
    15. Vorteile von Vorlagen in Dreamweaver
  15. Mobilgeräte und Multiscreen
    1. Medienabfragen erstellen
    2. Seitenausrichtung für Mobilgeräte ändern
    3. Mit Dreamweaver Web-Anwendungen für Mobilgeräte erstellen
  16. Dynamische Websites, Seiten und Web-Formulare
    1. Grundlegendes zu Web-Anwendungen
    2. Computer für die Entwicklung von Anwendungen einrichten
    3. Fehlerbehebung bei Datenbankverbindungen
    4. Verbindungsskripts in Dreamweaver entfernen
    5. Dynamische Seiten entwerfen
    6. Quellen für dynamischen Inhalt – Überblick
    7. Quellen für dynamische Inhalte definieren
    8. Dynamische Inhalte in Seiten einfügen
    9. Dynamischen Inhalt in Dreamweaver ändern
    10. Datenbankdatensätze anzeigen
    11. Live-Daten in Dreamweaver bereitstellen und Fehlerbehebung bei der Anzeige
    12. Benutzerdefinierte Serververhalten in Dreamweaver hinzufügen
    13. Formulare mit Dreamweaver erstellen
    14. Formulare zum Sammeln von Benutzerinformationen verwenden
    15. ColdFusion-Formulare in Dreamweaver erstellen und aktivieren
    16. Web-Formulare erstellen
    17. Verbesserte HTML5-Unterstützung für Formularelemente
    18. Formularentwicklung mit Dreamweaver
  17. Visuelles Entwickeln von Anwendungen
    1. Master- und Detailseiten in Dreamweaver erstellen
    2. Such- und Ergebnisseiten erstellen
    3. Datensatz-Einfügeseiten erstellen
    4. Datensatz-Aktualisierungsseiten in Dreamweaver erstellen
    5. Datensatz-Löschseiten in Dreamweaver erstellen
    6. ASP-Befehle zum Ändern von Datenbanken in Dreamweaver verwenden
    7. Registrierungsseiten erstellen
    8. Anmeldeseiten erstellen
    9. Seiten erstellen, auf die nur autorisierte Benutzer zugreifen können
    10. Ordner in ColdFusion mit Dreamweaver schützen
    11. ColdFusion-Komponenten in Dreamweaver verwenden
  18. Websites testen, in der Vorschau anzeigen und veröffentlichen
    1. Seitenvorschau
    2. Dreamweaver-Web-Seitenvorschau auf mehreren Geräten
    3. Dreamweaver-Site testen

 

Beschleunigen Sie mit den Dreamweaver-Funktionen Codehinweise und Codevervollständigung die Programmierung.

Mit den intelligenten Dreamweaver-Funktionen Codevervollständigung und Codehinweise können Sie Tippfehler und andere Fehler vermeiden, um Code schnell einzufügen und zu bearbeiten.

Codehinweise bieten Ihnen außerdem folgende Informationen:

  • Verfügbare Attribute für ein Tag
  • Verfügbare Parameter für eine Funktion oder
  • Verfügbare Methoden für ein Objekt

Unterstützte Sprachen und Technologien

Dreamweaver unterstützt Codehinweise für die folgenden Sprachen und Technologien:

Im Folgenden erfahren Sie, wie Codehinweise und Codevervollständigung bei diesen Sprachen funktionieren.

Codehinweise aktivieren

Klicken Sie zum Aktivieren von Codehinweisen auf Bearbeiten > Voreinstellungen > Codehinweise und wählen Sie die Option Code-Hinweise aktivieren. Zum Deaktivieren von Codehinweisen deaktivieren Sie das Kontrollkästchen Code-Hinweise aktivieren.

Voreinstellungen für Codehinweise
Voreinstellungen für Codehinweise

Um das automatische Einfügen von Klammern und Anführungszeichen zu aktivieren, wählen Sie Klammern automatisch einfügen bzw. Anführungszeichen automatisch einfügen.

Damit in Codehinweisen Beschreibungen angezeigt werden, wählen Sie Beschreibungs-QuickInfos aktivieren. Anschließend sehen Sie die Beschreibungen in den Codehinweisen.

HTML-Codehinweise

Für HTML-Code sind die folgenden Typen von Codehinweisen verfügbar:

  • Hinweise zu Tags
  • Hinweise zu Attributnamen
  • Codehinweise zur Attributwerten

Hinweise zu Tags

Drücken Sie die <-Taste auf der Tastatur, um mit der Eingabe des Codes zu beginnen. Während der Eingabe werden gültige HTML-Tags angezeigt. Wenn die eingegebene Zeichenfolge im Menü angezeigt wird, führen Sie einen Bildlauf zu ihr durch und drücken Sie die Eingabetaste, um die Eingabe zu vervollständigen.

Wenn Sie beispielsweise „<“ eingeben, wird in einem Popup-Menü eine Liste mit Tag-Namen angezeigt. Anstatt den Rest des Tag-Namens einzugeben, können Sie das Tag im Menü auswählen, um es in den Text einzufügen.

Grundlegende HTML-Codehinweise
Grundlegende HTML-Codehinweise

Die Hinweise zu HTML-Tags enthalten ggf. auch eine kurze Beschreibung des Tags.

Hinweise zu Attributnamen

Beim Programmieren in Dreamweaver werden die entsprechenden Attribute für Tags angezeigt. Geben Sie einen Tag-Namen ein und drücken Sie die Leertaste, um die gültigen Attributnamen anzuzeigen, die Sie verwenden können.

Codehinweise zu Attributnamen
Codehinweise zu Attributnamen

Codehinweise zur Attributwerten

Der Hinweistext zu Attributwerten kann statisch oder dynamisch sein (da die in den Codehinweisen angezeigten Werte auf dem
Inhalt der entsprechenden Dateien basieren). 

Die meisten Codehinweise zu Attributwerten sind statisch. Beispielsweise ist der Wert des Attributs „target“ statisch und daher sind die entsprechenden Codehinweise ebenfalls statisch. 

Beispiel für statische Codehinweise zu Attributwerten
Beispiel für statische Codehinweise zu Attributwerten

In Dreamweaver werden dynamische Codehinweise für die Attributwerte angezeigt, die dies erfordern, z. B. „id“, „target“, „href“ und „class“.

Die folgenden Beispiele veranschaulichen dynamisch angezeigte Codehinweise. 

Dynamische Codehinweise für „src“

Wenn Sie in diesem Beispiel „src“ eingeben, werden gültige Attributwerte angezeigt, und wenn Sie „images“ auswählen, werden gültige Bilder angezeigt, die im Bildordner vorhanden sind. Sie können dann einen Bildlauf nach unten durchführen und das gewünschte Bild auswählen.

Dynamische Codehinweise für „src“
Dynamische Codehinweise für „src“

Wenn Sie über Elemente in CC Libraries verfügen, werden bei der Eingabe von „scr“ diese Elemente ebenfalls angezeigt. Diese Elemente in CC Libraries sind mit einem Cloud-Symbol gekennzeichnet.

Wenn Sie ein Element aus CC Libraries auswählen, wird ein Popup-Menü angezeigt, in dem Sie die Bildgröße neu auflösen und das Bildformat ändern können.

Einschließen eines Elements aus CC Libraries in den Code
Einschließen eines Elements aus CC Libraries in den Code

Hinweis:

In den Codehinweisen können nur 50 Elemente aus CC Libraries angezeigt werden. Diese Codehinweise werden in alphabetischer Reihenfolge angezeigt.

Hinweis:

Das Einfügen von Remote-Elementen aus CC Libraries in Dreamweaver-Code wird nicht unterstützt.

Dynamische Codehinweise für „href“

Wenn Sie „href“ eingeben, zeigt Dreamweaver eine Liste mit Dateien im Ordner an und bietet Ihnen die Möglichkeit, die Datei zu suchen und auszuwählen, die das Ziel das Hyperlinks sein soll.

Dynamische Codehinweise für „href“
Dynamische Codehinweise für „href“

Dynamische Codehinweise für „id“ und „style“

Wenn Sie in den CSS-Dateien IDs definiert haben und in den HTML-Dateien „id“ eingeben, werden alle verfügbaren IDs angezeigt.

Dynamische Codehinweise für „id“
Dynamische Codehinweise für „id“

Wenn Sie CSS-Stile definiert haben und in den HTML-Dateien „style“ eingeben, werden alle verfügbaren Stile angezeigt.

Dynamische Codehinweise für „style“
Dynamische Codehinweise für „style“

CSS-Codehinweise

Codehinweise werden bei den folgenden CSS-Typen unterstützt:

  • @-Regeln
  • Eigenschaften
  • Pseudoselektoren und Pseudoelemente
  • Kurzschrift

Zusätzlich zu Codehinweisen sind für CSS-Eigenschaften auch Tipps verfügbar.

Codehinweise für CSS-@-Regeln

In Dreamweaver werden Codehinweise für alle @-Regeln zusammen mit einer Beschreibung der CSS-Regel angezeigt, wie hier dargestellt.

Codehinweise für @-Regeln in CSS
Codehinweise für @-Regeln in CSS

Hinweise zu CSS-Eigenschaften

Wenn Sie bei der Eingabe von CSS-Eigenschaften einen Doppelpunkt eingeben, werden Codehinweise angezeigt, die Ihnen helfen, einen gültigen Wert auszuwählen.

Im folgenden Beispielcode werden bei der Eingabe von font-family: gültige Schriftfamilien angezeigt.

Sie können eine der Schriftfamilien auswählen oder in den Hinweisen das Dialogfeld Schriften verwalten öffnen und die bevorzugten Schriften festlegen. 

Codehinweise und Hilfe zu CSS-Eigenschaften
Codehinweise und Hilfe zu CSS-Eigenschaften

Auch wenn Sie in CSS mit Farben arbeiten, erhalten Sie hilfreiche Codehinweise. Wenn Sie bei der Eingabe der Eigenschaft für eine Farbe (z. B. die Rahmenfarbe oder Hintergrundfarbe) einen Doppelpunkt eingeben, wird in den Codehinweisen eine Liste von Farben angezeigt. Sie können eine Farbe aus der Liste auswählen oder in den Codehinweisen den Farbwähler öffnen und die gewünschte Farbe festlegen.

CSS-Codehinweise für Farben
CSS-Codehinweise für Farben

Wenn Sie über Farbfelder in CC Libraries verfügen, werden in den Codehinweisen auch diese Farbfelder angezeigt.

Farbfelder aus CC Libraries werden durch das Cloud-Symbol angegeben.
Farbfelder aus CC Libraries werden durch das Cloud-Symbol angegeben.

Hinweis:

In den Codehinweisen können nur 50 Elemente aus CC Libraries angezeigt werden. Diese Codehinweise werden in alphabetischer Reihenfolge angezeigt.

Hinweise für Pseudoselektoren und Pseudoelemente

Sie können einem Selektor einen CSS-Pseudoselektor hinzufügen, um einen bestimmten Status des Elements zu definieren. Wenn Sie beispielsweise „:hover“ verwenden, wird der Stil angewendet, wenn der Benutzer mit der Maus auf das im Selektor angegebene Element zeigt.

Sobald Sie „:“ eingeben, wird eine Liste gültiger Pseudoselektoren in Dreamweaver angezeigt, sofern sich der Cursor im richtigen Kontext befindet.

Codehinweise für Pseudoselektoren
Codehinweise für Pseudoselektoren

Sobald Sie „::“ eingeben, wird eine Liste gültiger Pseudoelemente (dienen zur Formatierung bestimmter Teile eines Elements) in Dreamweaver angezeigt, sofern sich der Cursor im richtigen Kontext befindet.

Codehinweise für Pseudoelemente
Codehinweise für Pseudoelemente

Hinweise zur CSS-Kurzschrift

Kurzschrifteigenschaften sind CSS-Eigenschaften, mit denen Sie die Werte verschiedener anderer CSS-Eigenschaften gleichzeitig festlegen können. Beispiele für CSS-Kurzschrifteigenschaften sind Hintergrund- und Schriftarteigenschaften.

Wenn Sie zum Beispiel ein Leerzeichen und dann eine CSS-Kurzschrifteigenschaft (wie „background“) eingeben, wird Folgendes in Dreamweaver angezeigt:

  • Geeignete Eigenschaftswerte in der Reihenfolge ihrer Relevanz
  • Obligatorische Werte, die verwendet werden müssen (bei „font“ z. B. sind „font-size“ und „font-family“ obligatorisch)
  • Browsererweiterung für diese Eigenschaft
Codehinweise für die CSS-Eigenschaft „background“
Codehinweise für die CSS-Eigenschaft „background“

Wenn Sie die CSS-Kurzschrifteigenschaften ausgefüllt haben, werden in den Codehinweisen auch die von Ihnen eingegebenen Eigenschaftswerte angezeigt.

Tipps zu CSS-Code

Bei einigen CSS-Eigenschaften (z. B. „box-shadow“ und „text-shadow“) zeigt Dreamweaver Tipps an, die darauf hinweisen, welche Werte folgen müssen und welche Werte obligatorisch sind (durch ein Sternchen gekennzeichnet). 

Außerdem können Sie sehen, wie der Browser den CSS-Code interpretiert.

Tipps zu CSS-Eigenschaften
Tipps zu CSS-Eigenschaften

JavaScript-Codehinweise

Dreamweaver bietet in JavaScript-Dateien Codehinweise für Variablen und Funktionsparameter. 

Das Codefragment im folgenden Beispiel gibt den Typ an.

JavaScript-Codehinweise
JavaScript-Codehinweise

Beim Bearbeiten von JavaScript-Dateien wird die Liste der verfügbaren Codehinweise in Dreamweaver automatisch aktualisiert. Beispiel: Sie bearbeiten eine HTML-Datei und wechseln zu einer JavaScript-Datei, um eine Änderung vorzunehmen. Die in der JavaScript-Datei vorgenommen Änderung ist in der Liste der Codehinweise aufgeführt, wenn Sie wieder zur HTML-Datei wechseln. 

Hinweis:

Diese automatische Aktualisierung erfolgt jedoch nur, wenn Sie die JavaScript-Dateien in Dreamweaver bearbeiten.

Live-Objekt-Prüfung

Außerdem werden Codehinweise zu JavaScript-Typen in Dreamweaver automatisch aktualisiert.

Wenn Sie beispielsweise eine Variable als Zahl definiert haben, merkt sich Dreamweaver diese Informationen. Wenn Sie später im Code auf diese Variable verweisen, wird ihr Typ angezeigt.

Wenn Sie den Variablentyp ändern (z. B. in eine Zeichenfolge), wird automatisch in den Dreamweaver-Codehinweisen angegeben, dass die Variable eine Zeichenfolge ist.

Codehinweis mit Angabe des Variablentyps
Codehinweis mit Angabe des Variablentyps

Dynamisch eingebundene Dokumentation

Wenn Sie Kommentare zu einer bestimmten Funktion hinzugefügt haben und für diese Funktion ein Hinweis aufgerufen wird, wird in Dreamweaver auch die Dokumentation zu dieser Funktion angezeigt. 

PHP-Codehinweise

Dreamweaver unterstützt Codehinweise für die PHP-Versionen 5.6 und 7.1. Diese Codehinweise für PHP-Code sind site-spezifisch und umfassen alle wichtigen Funktionen, Klassen und Konstanten.

Weitere Informationen zu den PHP-Versionen 5.6 und 7.1 finden Sie im PHP-Handbuch.

Weitere Informationen zu Site-spezifischen Codehinweisen finden Sie unter Site-spezifische Codehinweise.

Eine hilfreiche Funktion der Codehinweise für PHP-Code ist die automatische Vervollständigung von Variablen.

Wenn Sie ein Dollarzeichen ($) eingeben, wird im aktuellen Skript eine Liste aller Variablen angezeigt. Wählen Sie die gewünschte Variable aus und drücken Sie die Eingabetaste. Variablen aus zugehörigen Dateien werden ebenfalls aufgelistet. Dies verhindert, dass die gleiche Variable für einen anderen Zweck wiederverwendet wird.

Wenn PHP 7.1 als Standard festgelegt ist, werden PHP 7.1-spezifische Codehinweise in Dreamweaver angezeigt.

PHP 7-Codehinweise
PHP 7-Codehinweise

Beispiel für Codehinweise für PHP-Objekte
Beispiel für Codehinweise für PHP-Objekte

Verzögerungseinstellungen für PHP-Codehinweise bearbeiten

Um die Codeeingabe in PHP-Dateien zu verbessern, bietet Dreamweaver ab Version 2017.5 eine zusätzliche Verzögerung für PHP-Codehinweise. Bei der Eingabe von PHP-Code werden die Hinweise in Dreamweaver nach einer Verzögerung von 400 ms angezeigt. Wenn Sie die Verzögerungseinstellungen für PHP-Code ändern möchten, gehen Sie wie folgt vor: 

  1. Beenden Sie Dreamweaver.

  2. Öffnen Sie „brackets.json“ an folgendem Speicherort in einem Texteditor:

    • Windows: %appdata%\Adobe\Dreamweaver CC 2017\<Gebietsschema>\Configuration\Brackets\
    • macOS: ~/Library/Application Support/Adobe/Dreamweaver CC 2017/<Gebietsschema>/Configuration/Brackets/
  3. Klicken Sie in der rechten oberen Ecke des Dialogfelds auf die Schaltfläche „Struktur speichern“.

    Fügen Sie in der JSON-Datei nach dem letzten Name-Wert-Paar ein Komma hinzu.

    Fügen Sie die folgende Zeile mit der gewünschten Verzögerungszeit in Millisekunden hinzu: "delayInPHPHint": <Zeit in Millisekunden>. Beispiel: "delayInPHPHint": 200.

  4. Speichern Sie die Datei und starten Sie Dreamweaver.

Site-spezifische Codehinweise

In Dreamweaver können Entwickler mithilfe von Joomla, Drupal, WordPress oder anderen Frameworks beim Programmieren in der Codeansicht PHP-Codehinweise anzeigen. Um diese Codehinweise anzeigen zu können, müssen Sie im Dialogfeld „Site-spezifische Code-Hinweise“ zunächst eine Konfigurationsdatei erstellen. Die Konfigurationsdatei beschreibt, an welcher Stelle Dreamweaver die für Ihre Site spezifischen Codehinweise finden kann.

Ein Video-Tutorial zum Arbeiten mit Site-spezifischen Codehinweisen finden Sie unter www.adobe.com/go/learn_dw_comm13_de.

Konfigurationsdatei erstellen

Erstellen Sie im Dialogfeld „Site-spezifische Code-Hinweise“ die Konfigurationsdatei, die zum Anzeigen von Codehinweisen in Dreamweaver erforderlich ist.

Die Konfigurationsdatei wird in Dreamweaver standardmäßig im Verzeichnis „Adobe Dreamweaver CS5\configuration\Shared\Dinamico\Presets“ gespeichert.

Hinweis:

Die Codehinweise, die Sie erstellen, gelten speziell für die im Dreamweaver-Bedienfeld „Dateien“ ausgewählte Site. Damit die Codehinweise angezeigt werden, muss sich die Seite, die Sie bearbeiten, in der aktuell ausgewählten Site befinden.

  1. Wählen Sie Site > Site-Optionen > Site-spezifische Code-Hinweise.

    Die Funktion „Site-spezifische Code-Hinweise“ analysiert automatisch Ihre Site, um festzustellen, welches CMS-Framework (Content Management System) Sie verwenden. Dreamweaver unterstützt standardmäßig die drei Frameworks Drupal, Joomla und WordPress.

    Über die vier Schaltflächen rechts neben dem Popup-Menü „Struktur“ können Sie Framework-Strukturen importieren, speichern, umbenennen oder löschen.

    Hinweis:

    Die vorhandenen Framework-Standardstrukturen können Sie nicht löschen oder umbenennen.

  2. Geben Sie im Textfeld „Ordner im Stammordner“ den Ordner im Stammordner an, in dem Sie die Framework-Dateien speichern. Sie können auf das Ordnersymbol neben dem Textfeld klicken, um zum Verzeichnis der Framework-Dateien zu wechseln.

    In Dreamweaver wird eine Dateistruktur der Ordner angezeigt, die Ihre Framework-Dateien enthalten. Wenn alle Ordner und Dateien, die Sie analysieren möchten, angezeigt werden, klicken Sie auf „OK“, um die Analyse durchzuführen. Wenn Sie die Analyse anpassen möchten, fahren Sie mit den nächsten Schritten fort.

  3. Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+) über dem Fenster „Dateien“, um eine Datei oder einen Ordner auszuwählen, die bzw. den Sie der Analyse hinzufügen möchten. Im Dialogfeld „Datei/Ordner hinzufügen“ können Sie bestimmte Dateierweiterungen angeben, die in die Analyse einbezogen werden sollen.

    Hinweis:

    Durch die Angabe einer bestimmten Dateierweiterung wird die Analyse beschleunigt.

  4. Wenn Sie Dateien aus der Analyse entfernen möchten, wählen Sie die entsprechenden Dateien aus und klicken Sie dann auf die Schaltfläche mit dem Minuszeichen (-) über dem Fenster „Dateien“.

    Hinweis:

    Wenn als Framework Drupal oder Joomla ausgewählt ist, wird im Dialogfeld „Site-spezifische Code-Hinweise“ ein zusätzlicher Pfad zu einer Datei im Dreamweaver-Konfigurationsordner angezeigt.

    Löschen Sie diese Datei nicht, sie ist bei Verwendung dieser Frameworks zwingend erforderlich.

  5. Um festzulegen, wie eine bestimmte Datei oder ein bestimmter Ordner mithilfe der Funktion „Site-spezifische Code-Hinweise“ verarbeitet wird, wählen Sie die Datei bzw. den Ordner in der Liste aus und führen einen der folgenden Schritte aus:

    • Wählen Sie „Diesen Ordner analysieren“ aus, um den ausgewählten Ordner in die Analyse einzubeziehen.
    • Wählen Sie „Rekursiv“ aus, um alle Dateien und Unterordner in einem ausgewählten Verzeichnis einzubeziehen.
    • Klicken Sie auf die Schaltfläche „Erweiterungen“, um das Dialogfeld „Erweiterung(en) suchen“ zu öffnen, in dem Sie die Dateierweiterungen angeben können, die für eine bestimmte Datei oder einen bestimmten Ordner in die Analyse einbezogen werden sollen.

Site-Struktur speichern

Sie können benutzerdefinierte Site-Strukturen im Dialogfeld „Site-spezifische Code-Hinweise“ speichern.

  1. Beenden Sie Dreamweaver.

  2. Schritttext
  3. Erstellen Sie die gewünschte Struktur mit Dateien und Ordnern, indem Sie Dateien und Ordner nach Bedarf hinzufügen und löschen.

  4. Geben Sie einen Namen für die Site-Struktur an und klicken Sie auf „Speichern“.

Hinweis:

Wenn der angegebene Name bereits vorhanden ist, werden Sie aufgefordert, einen anderen Namen einzugeben oder zu bestätigen, dass Sie die Struktur mit dem gleichen Namen überschreiben möchten. Die Framework-Standardstrukturen können jedoch nicht überschrieben werden.

Site-Strukturen umbenennen

Beachten Sie beim Umbenennen der Site-Struktur, dass Sie die Namen der drei Framework-Standardstrukturen sowie das Wort „custom“ nicht verwenden können.

  1. Zeigen Sie die Struktur an, die Sie umbenennen möchten.

  2. Klicken Sie auf die Symbolschaltfläche „Struktur umbenennen“ oben rechts im Dialogfeld.

  3. Geben Sie einen neuen Namen für die Struktur an und klicken Sie auf „Umbenennen“.

Hinweis:

Wenn der angegebene Name bereits vorhanden ist, werden Sie aufgefordert, einen anderen Namen einzugeben oder zu bestätigen, dass Sie die Struktur mit dem gleichen Namen überschreiben möchten. Die Framework-Standardstrukturen können jedoch nicht überschrieben werden.

Einer Site-Struktur Dateien und Ordner hinzufügen

Sie können der Site-Struktur alle Dateien oder Ordner hinzufügen, die mit Ihrem Framework verknüpft sind. Nachdem Sie Dateien oder Ordner hinzugefügt haben, können Sie die Dateierweiterungen der Dateien angeben, die analysiert werden sollen. 

  1. Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+) über dem Fenster „Dateien“, um das Dialogfeld „Datei/Ordner hinzufügen“ zu öffnen.

  2. Geben Sie im Textfeld „Datei/Ordner hinzufügen“ den Pfad zu der Datei oder dem Ordner ein, die bzw. den Sie hinzufügen möchten. Sie können auch auf das Ordnersymbol neben dem Textfeld klicken, um zu einer Datei oder einem Ordner zu wechseln.

  3. Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+) über dem Fenster „Erweiterungen“, um die Dateierweiterungen der Dateien anzugeben, die analysiert werden sollen.

    Hinweis:

    Durch die Angabe einer bestimmten Dateierweiterung wird die Analyse beschleunigt.

  4. Klicken Sie auf „Hinzufügen“.

Site nach Dateierweiterungen durchsuchen

Im Dialogfeld „Erweiterung(en) suchen“ können Sie Dateierweiterungen anzeigen oder bearbeiten, die in die Site-Struktur eingebunden sind.

  1. Klicken Sie im Dialogfeld „Site-spezifische Code-Hinweise“ auf die Schaltfläche „Erweiterungen“.

    Im Dialogfeld „Erweiterung(en) suchen“ sind die aktuellen durchsuchbaren Erweiterungen aufgeführt.

  2. Wenn Sie der Liste eine andere Erweiterung hinzufügen möchten, klicken Sie auf die Schaltfläche mit dem Pluszeichen (+) über dem Fenster „Erweiterungen“.

  3. Zum Löschen einer Erweiterung in der Liste klicken Sie auf die Schaltfläche mit dem Minuszeichen (-).

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?