Codehinweise verwenden



Codehinweise helfen Ihnen dabei, Code-Elemente schnell und fehlerfrei einzufügen und zu bearbeiten. Bei der Eingabe von Zeichen in der Codeansicht wird eine Liste mit Optionen angezeigt, mit denen Ihre Eingabe automatisch vervollständigt werden kann. Wenn Sie beispielsweise die ersten Zeichen eines Tags, Attributs oder CSS-Eigenschaftsnamens eingeben, wird eine Liste mit Optionen angezeigt, die mit diesen Zeichen beginnen. Diese Funktion erleichtert das Eingeben und Bearbeiten von Code. Mit dieser Funktion können Sie zudem anzeigen, welche Attribute für bestimmte Tags, welche Parameter für bestimmte Funktionen oder welche Methoden für bestimmte Objekte verfügbar sind.

Codehinweise stehen für verschiedene Arten von Code zur Verfügung. Beim Eingeben der ersten Zeichen eines bestimmten Codetyps wird eine Liste der entsprechenden Optionen angezeigt. Wenn Sie beispielsweise eine Liste der Codehinweise für HTML-Tags anzeigen möchten, geben Sie eine öffnende spitze Klammer (<) ein. Zum Anzeigen von JavaScript-Codehinweisen geben Sie nach einem Objekt einen Punkt (Punkt-Operator) ein.

Die besten Ergebnisse – insbesondere bei Codehinweisen für Funktionen und Objekte – erzielen Sie, wenn Sie im Dialogfeld mit den Voreinstellungen für Codehinweise die Option „Verzögerung“ auf 0 Sekunden setzen.

Die Funktion für Codehinweise erkennt zudem benutzerdefinierte, nicht integrierte JavaScript-Klassen. Sie können diese benutzerdefinierten Klassen erstellen oder über Bibliotheken von Drittanbietern, z. B. Prototype, hinzufügen.

Die Liste der Codehinweise wird ausgeblendet, wenn Sie die Rücktaste (Windows) bzw. die Rückschritttaste (Macintosh) drücken.

Ein Video-Tutorial zu Codehinweisen finden Sie unter www.adobe.com/go/lrvid4048_dw_de.

Ein Video des Dreamweaver-Entwicklungsteams mit einem Überblick über die JavaScript-Unterstützung in Dreamweaver finden Sie unter www.adobe.com/go/dw10javascript_de.

Unterstützte Sprachen und Technologien

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

  • HTML

  • CSS

  • DOM (Document Object Model)

  • JavaScript (einschließlich Codehinweise für benutzerdefinierte Klassen)

  • Ajax

  • Spry

  • Adobe ColdFusion

  • JSP

  • PHP MySQL

  • ASP JavaScript

  • ASP VBScript

  • ASP.NET C#

  • ASP.NET VB

Menü mit Codehinweisen anzeigen

Das Menü mit Codehinweisen wird bei der Eingabe in der Codeansicht automatisch angezeigt. Sie können das Menü jedoch auch anzeigen, wenn Sie keine Eingabe vornehmen.

  1. Setzen Sie die Einfügemarke in der Codeansicht („Fenster“ > „Code“) in ein Tag.
  2. Drücken Sie Strg+Leertaste.

Code mithilfe von Codehinweisen in der Codeansicht einfügen

  1. Geben Sie den Anfang eines Codeabschnitts ein. Wenn Sie beispielsweise ein Tag einfügen möchten, geben Sie eine öffnende spitze Klammer (<) ein. Setzen Sie zum Einfügen eines Attributs die Einfügemarke direkt hinter einen Tag-Namen und drücken Sie die Leertaste.

    Eine Liste mit Elementen (z. B. Tag-Namen oder Attributnamen) wird angezeigt.

    Sie können die Liste jederzeit schließen, indem Sie die Esc-Taste drücken.
  2. Durchlaufen Sie die Liste mit dem Rollbalken oder mit der Nach-oben- bzw. Nach-unten-Taste.
  3. Wenn Sie ein Element aus der Liste einfügen möchten, doppelklicken Sie auf das Element oder wählen Sie es aus und drücken Sie dann die Eingabetaste (Windows) bzw. Return (Macintosh).
    Falls ein kürzlich erstellter CSS-Stil nicht in einer Codehinweisliste mit CSS-Stilen erscheint, wählen Sie aus der Liste der Codehinweise die Option „Stil-Liste aktualisieren“. In der Entwurfsansicht wird nach dem Auswählen von „Stil-Liste aktualisieren“ manchmal ungültiger Code angezeigt. Diesen ungültigen Code können Sie aus der Entwurfsansicht entfernen, indem Sie nach dem Eingeben des Stils die Taste F5 zum Aktualisieren drücken.
  4. Zum Einfügen eines schließenden Tags geben Sie </ (Schrägstrich) ein.
    Hinweis: Dreamweaver ermittelt standardmäßig, an welcher Stelle ein schließendes Tag erforderlich ist und fügt dieses Tag automatisch ein. Sie können dieses Standardverhalten ändern, sodass Dreamweaver ein schließendes Tag einfügt, nachdem Sie die schließende spitze Klammer (>) des öffnenden Tags eingegeben haben. Darüber hinaus können Sie das Standardverhalten auch so festlegen, dass überhaupt kein schließendes Tag eingefügt wird. Wählen Sie „Bearbeiten“ > „Voreinstellungen“ > „Codehinweise“ und anschließend eine der Optionen unter „Schließende Tags“ aus.

Tags mithilfe von Codehinweisen bearbeiten

  • Wenn Sie ein Attribut durch ein anderes Attribut ersetzen möchten, löschen Sie das entsprechende Attribut und den zugehörigen Wert. Fügen Sie dann entsprechend den zuvor beschriebenen Schritten ein neues Attribut mit dem zugehörigen Wert ein.

  • Wenn Sie einen Wert ändern möchten, löschen Sie den Wert und fügen Sie dann entsprechend der Beschreibung im vorherigen Abschnitt einen Wert ein.

JavaScript-Codehinweise aktualisieren

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. Diese Änderung ist in der Liste der Codehinweise aufgeführt, wenn Sie wieder zur HTML-Datei wechseln. Die automatische Aktualisierung wird jedoch nur durchgeführt, wenn Sie die JavaScript-Dateien in Dreamweaver bearbeiten.

Wenn Sie die JavaScript-Dateien außerhalb von Dreamweaver bearbeiten, drücken Sie Strg+Punkt (.), um die JavaScript-Codehinweise zu aktualisieren.

Codehinweise und Syntaxfehler

Die Funktion für Codehinweise wird möglicherweise nicht ordnungsgemäß ausgeführt, wenn Dreamweaver Syntaxfehler im Code erkennt. Informationen zu Syntaxfehlern werden auf einer Statusleiste im oberen Bereich der Seite angezeigt. Auf der Statusleiste für Syntaxfehler wird die erste Zeile des fehlerhaften Codes angezeigt. Nach der Korrektur des Syntaxfehlers werden alle weiteren Fehler angezeigt, die an späterer Stelle im Code auftreten.

Die Nummern der Zeilen mit Syntaxfehlern sind zur besseren Erkennung zudem rot hervorgehoben. Die rote Markierung wird in der Codeansicht der fehlerhaften Datei angezeigt.

In Dreamweaver werden neben den Syntaxfehlern der aktuellen Seite auch die Fehler auf den zugehörigen Seiten angezeigt. Beispiel: Sie bearbeiten eine HTML-Seite mit einer integrierten JavaScript-Datei. Wenn die integrierte JavaScript-Datei einen Fehler enthält, wird auch für diese Datei eine Fehlermeldung angezeigt. Sie können die zugehörige fehlerhafte Datei öffnen, indem Sie oben im Dokument auf den Namen der Datei klicken.

Sie können die Statusleiste für Syntaxfehler deaktivieren, indem Sie auf der Code-Symbolleiste auf die Schaltfläche für Syntaxfehlermeldungen klicken.

Einstellungen für Codehinweise festlegen

Sie können die Standardvoreinstellungen für Codehinweise ändern. Wenn beispielsweise keine Codehinweise für CSS-Eigenschaftennamen oder Spry angezeigt werden sollen, können Sie sie in den Voreinstellungen für Codehinweise deaktivieren. Sie können darüber hinaus Voreinstellungen für Verzögerungszeiten und schließende Tags festlegen.

Selbst wenn die Codehinweise deaktiviert sind, können Sie in der Codeansicht ein Popupmenü mit Codehinweisen einblenden, indem Sie Strg+Leertaste drücken.
  1. Wählen Sie „Bearbeiten“ > „Voreinstellungen“.
  2. Wählen Sie links in der Kategorieliste die Option „Codehinweise“.
  3. Wählen Sie eine der folgenden Optionen:
    Schließende Tags
    ermöglicht die Angabe, wie Dreamweaver schließende Tags einfügen soll. Standardmäßig fügt Dreamweaver das schließende Tag automatisch ein, nachdem Sie die folgenden Zeichen eingegeben haben: </. Sie können dieses Standardverhalten ändern, damit das schließende Tag nach der Eingabe der abschließenden spitzen Klammer (>) des öffnenden Tags oder überhaupt kein schließendes Tag eingefügt wird.

    Code-Hinweise aktivieren
    zeigt beim Eingeben von Code in der Codeansicht Codehinweise an. Stellen Sie mit dem Schieberegler „Verzögerung“ die Wartezeit (in Sekunden) ein, nach der die entsprechenden Hinweise angezeigt werden sollen.

    Menüs
    ermöglicht die Angabe, welche Art von Codehinweisen beim Eingeben von Code angezeigt werden sollen. Wählen Sie alle oder nur einige der Menüs aus.