Freigeben über

Formatieren von Code

  • Artikel

Sie können Optionen festlegen, wie Code in Microsoft Expression Web angezeigt wird, sowie andere Optionen, um den Code neu zu formatieren.

Die einfachen Formatierungsmethoden wie Zeilenumbrüche, Leerzeichen und Einzug erleichtern das Lesen und Bearbeiten von Code, ohne das Aussehen Ihrer Webseite zu ändern. Sie können diese und andere Einstellungen in Expression Web angeben und die Schriftfarbe und -größe für Tags, Attribute, Werte und Skripts eindeutig festlegen.

Cc295457.alert_note(DE-DE,Expression.30).gifHinweis:

Beim Öffnen einer Seite mit vorhandenem Code behält Expression Web die Codeformatierung dieser Seite standardmäßig bei. Die Einstellungen auf der Registerkarte Codeformatierung im Dialogfeld Seiteneditoroptionen werden nur für neue Webseiten, die Sie erstellen, und Inhalte verwendet, die Sie hinzufügen oder bearbeiten.

So legen Sie die Codeansichtsoptionen fest

  1. Klicken Sie im Menü Extras auf Seiteneditoroptionen.

  2. Führen Sie im Dialogfeld Seiteneditoroptionen auf der Registerkarte Allgemein unter Codeansichtsoptionen einen der folgenden Schritte aus:

    Option

    Aufgabe

    Zeilenumbruch

    Alle Codezeilen anhand der Breite des Änderungsfensters umbrechen.

    Automatischer Einzug

    Verwenden Sie für neue Zeilen den aktuellen Einzug beim Drücken der EINGABETASTE.

    Zeilennummern

    Zeigen Sie eine eindeutige Nummer links neben jeder Codezeile an.

    Auswahlrand

    Fügen Sie einen Rand links neben dem Änderungsfenster hinzu. Sie können dann durch Klicken oder Ziehen eine oder mehrere Codezeilen auswählen.

    Ungültiges HTML hervorheben

    Zeigen Sie ungültigen HTML-Code in einer bestimmten Farbe (standardmäßig rot) und mit einer Hintergrundfarbe (standardmäßig gelb) an. Sie können die Farbe im Dialogfeld Seiteneditoroptionen auf der Registerkarte Farbcodierung angeben.

    Cc295457.alert_tip(DE-DE,Expression.30).gifTipp:
    Sie können ein unverankertes Fenster mit weiteren Informationen zu einem bestimmten Vorkommen von ungültigem oder inkompatiblem Code anzeigen. Zeigen Sie dazu in der Codeansicht auf den Code, der hervorgehoben oder unterstrichen ist.

    Inkompatibles HTML hervorheben

    Der mit HTML-Standards inkompatible Code wird mit einer Zickzacklinie unterstrichen dargestellt.
    Cc295457.alert_tip(DE-DE,Expression.30).gifTipp:

    Sie können diese Optionen auch auf der Symbolleiste Codeansicht festlegen. Weitere Informationen finden Sie unter Codeansicht-Symbolleiste.

So formatieren Sie Code

  1. Klicken Sie im Menü Extras auf Seiteneditoroptionen.

  2. Führen Sie im Dialogfeld Seiteneditoroptionen auf der Registerkarte Codeformatierung einen der folgenden Schritte aus:

    Option

    Aufgabe

    Zurücksetzen

    Setzen Sie alle Optionen auf die Standardwerte zurück.

    Tagnamen in Kleinbuchstaben

    Geben Sie Tagnamen in Kleinbuchstaben statt Großbuchstaben ein.

    Attributnamen in Kleinbuchstaben

    Geben Sie Attributnamen in Kleinbuchstaben statt Großbuchstaben ein.

    Attributnamen werden alphabetisiert

    Geben Sie HTML-Attribute in alphabetischer Reihenfolge ein.

    Zeilenumbruch innerhalb von Tags zulassen

    Erlauben Sie Zeilenumbrüche in Tags, damit das Tag auf mehr als einer Zeile angezeigt werden kann.

    Tabstoppgröße

    Legen Sie die Anzahl von Leerstellen für den Einzug beim Drücken der TAB-TASTE in der Codeansicht fest. Die Anzahl wird auch von der Formatierungsoption Einzug verwendet.

    Einzug

    Legen Sie die Größe und Einheit für den linken Rand für geschachtelten Code fest.

    Rechter Rand

    Legen Sie die Größe des rechten Rands für Code fest.

    Tabstopps als Leerzeichen einfügen

    Tabstopps werden als Leerzeichen formatiert.

    Tags

    Sie können die Optionen zum Formatieren bestimmter Tags festlegen. Wählen Sie dazu das entsprechende Tag aus, und legen Sie unter Zeilenumbrüche und unter dem Abschnitt Zeilenumbrüche die gewünschten Optionen fest. Sie können beispielsweise das Endtag für Listenelemente (</li>) unterdrücken, das normalerweise nach jedem Listenelement angezeigt wird. Wählen Sie dazu unter Tags den Wert li und dann Endtag unterdrücken aus.

    CSS

    Sie können die Optionen zum Formatieren bestimmter CSS-Komponenten festlegen. Wählen Sie dazu die entsprechende Komponente aus, und legen Sie unter Format die gewünschten Optionen fest. Sie können beispielsweise festlegen, dass eine bestimmte Anzahl von Leerzeichen nach der linken geschweiften Klammer ({) angezeigt wird, die den Anfang eines Deklarationsblocks einer Formatvorlage kennzeichnet. Wählen Sie dazu unter CSS die öffnende geschweifte Klammer aus, und geben Sie die Anzahl der gewünschten Leerzeichen in das Feld Leerzeichen nach ein.

    Eigenschaften in neuen Zeilen einziehen

    Zum Einrücken von CSS-Attributen, die in Expression Web geschrieben werden.

    Beim Generieren von Formatvorlagen Kompakteigenschaften verwenden

    Kompakte CSS-Attribute anstelle von ausführlichen verwenden. Wenn diese Option ausgewählt ist, werden die Werte für Breite, Farbe und Formatvorlage eines Rahmens in Expression Web beispielsweise nur definiert, indem das Rahmenattribut in der Formatvorlage festgelegt wird. Wenn diese Option deaktiviert ist, wird ein Attribut und Wert für jedes Rahmenattribut in Expression Web festgelegt.
    Cc295457.alert_note(DE-DE,Expression.30).gifHinweis:

    Einige der Codeformatierungsoptionen, die Sie angeben, wirken sich auf alle vorhandenen Seiten aus, während andere Optionen nur neue Seiten betreffen, die Sie nachträglich erstellen. Um den Code vorhandener Seiten neu zu formatieren, siehe das Verfahren "So formatieren Sie den Code einer vorhandenen Seite neu".

So formatieren Sie den Code einer vorhandenen Seite neu

  1. Öffnen Sie die Webseite, die Sie neu formatieren möchten.

  2. Klicken Sie im Bereich Code mit der rechten Maustaste, und klicken Sie auf HTML neu formatieren.

So legen Sie die Codeformatierungsoptionen nach der Codeformatierung einer bestimmten Seite fest

  1. Öffnen Sie die Webseite, auf der die Einstellungen basieren sollen. Klicken Sie im Menü Extras auf Seiteneditoroptionen.

  2. Klicken Sie im Dialogfeld Seiteneditoroptionen auf der Registerkarte Codeformatierung auf Von aktueller Seite übernehmen. Klicken Sie dann auf OK.

So legen Sie die Farbe für Code fest

  1. Klicken Sie im Menü Extras auf Seiteneditoroptionen.

  2. Führen Sie im Dialogfeld Seiteneditoroptionen auf der Registerkarte Farbcodierung einen der folgenden Schritte aus:

    Option

    Aufgabe

    Einstellungen für Codeansicht

    Wechseln Sie zu den Einstellungen für die Codeansicht.

    Standard wiederherstellen

    Legen Sie alle Optionen auf die Standardwerte fest.

    Elemente anzeigen

    Wählen Sie das zu formatierende Element aus.

    Elementvordergrund, Elementhintergrund und Schriftschnitt

    Formatieren Sie den Code für das unter Elemente anzeigen ausgewählte Element.

So geben Sie die Schriftart für Code an

  1. Klicken Sie im Menü Extras auf Seiteneditoroptionen.

  2. Legen Sie im Dialogfeld Seiteneditoroptionen auf der Registerkarte Standardschriftarten unter Codeansicht die Schriftart und Größe fest.

So rücken Sie bestimmte Codezeilen ein

  1. Öffnen Sie Ihre Webseite in der Codeansicht. Platzieren Sie Ihren Cursor in der Codezeile, die Sie einrücken möchten, oder wählen Sie den entsprechenden einzurückenden Code aus.

  2. Zeigen Sie im Menü Bearbeiten auf Codeansicht, und klicken Sie auf Einzug vergrößern oder Einzug verkleinern.

Siehe auch

Aufgaben

Hinzufügen von temporären Textmarken zum Code

Referenz

Codeansicht-Symbolleiste