Visuelle Unterstützung

Microsoft Expression Web umfasst viele visuelle Hilfsmittel, die Sie in der Designansicht verwenden können. Mit den visuellen Hilfsmitteln können Sie leere oder nicht sichtbare Elemente sowie Elemente anzeigen, die ausgeblendete Rahmen haben. Zudem können Sie mit den visuellen Hilfsmitteln sowohl nach Elementen suchen, die ausgeblendete oder nicht sichtbare Formatvorlagen haben, als auch nach ASP.NET-Steuerelementen, die auf einer Seite nicht sichtbar sind. Schließlich können Sie mit den visuellen Hilfsmitteln anzeigen, welche Tags bestimmten Inhalt einschließen und wie groß die Seitenränder sowie der Textabstand sind, die Tags umgeben.

Hinweis:
Die visuellen Hilfsmittel können die Darstellung und das Layout Ihrer Seite ändern. Daher sollten diese Hilfsmittel deaktiviert werden, wenn Sie die Seite möglichst so anzeigen möchten, wie sie in einem Browser angezeigt wird.

So blenden Sie ein visuelles Hilfsmittel ein oder aus

• Führen Sie bei geöffneter Webseite einen der folgenden Schritte aus:

  • Klicken Sie in der Statusleiste mit der rechten Maustaste auf Visuelle Hilfsmittel, und klicken Sie dann auf das visuelle Hilfsmittel.

  • Zeigen Sie im Menü Ansicht auf Visuelle Hilfsmittel, und klicken Sie dann auf das visuelle Hilfsmittel.

So blenden Sie alle visuellen Hilfsmittel ein oder aus

• Führen Sie bei geöffneter Webseite einen der folgenden Schritte aus:

  • Klicken Sie in der Statusleiste doppelt auf Visuelle Hilfsmittel oder mit der rechten Maustaste auf Visuelle Hilfsmittel, und klicken Sie dann auf Anzeigen.

  • Zeigen Sie im Menü Ansicht auf Visuelle Unterstützung, und klicken Sie dann auf Anzeigen.

Visuelle Unterstützung

• Blockmarkierung wird auf zwei unterschiedliche Arten angezeigt. Wenn Sie den Cursor in einem Block platzieren, wird ein gepunktetes Rechteck um das Tag angezeigt mit einer Registerkarte, die den Namen des Tags enthält. Durch Klicken auf die Registerkarte können Sie das Tag auswählen. Wenn Sie einen Block markieren, werden Seitenränder und Textabstand angezeigt. Mit den Ziehpunkten können Sie die Seitenränder und den Textabstand ändern, indem Sie diese visuelle Unterstützung verwenden. Für absolut positionierte Elemente können Sie auf die Registerkarte mit dem Namen klicken, um das Objekt auf der Seite zu verschieben.

  Hinweis:
  Die visuelle Hilfestellung Blockmarkierung wird für folgende Blockelemente angezeigt: paragraph, list, list item, form, unpositioned div, address, block quote, horizontal line und <center>-Tags. Für alle anderen Elementtypen wird das gepunktete Rechteck und die Ziehpunkte für Seitenränder und Vergrößerungspunkte auch bei ausgeblendeter visueller Unterstützung angezeigt.

  Cursor in einem Blockelement

  

  Ausgewähltes Blockelement

  

• Sichtbare Ränder: Zeigt gepunktete Rahmen um Elemente an, die ausgeblendete Rahmen haben.

  

• Leere Container: Zeigt ein gepunktetes Rechteck um leere Elemente an.

  Hinweis:
  Wie in anderen Browsern auch werden in der Designansicht leere Elemente von Expression Web reduziert. Wenn Sie das visuelle Hilfsmittel Leere Container aktivieren, werden leere Elemente angezeigt, wodurch das Seitenlayout möglicherweise geändert wird.

• Seitenränder und Textabstand: Zeigt die Seitenränder und Textabstände um alle Elemente herum an: Seitenränder werden rot, Textabstände blau angezeigt. Zum Ändern von Seitenrändern und Textabstand kann das visuelle Hilfsmittel Seitenränder und Textabstand nicht verwendet werden. Aktivieren Sie stattdessen das visuelle Hilfsmittel Blockauswahl, und verwenden Sie die angezeigten Ziehpunkte. Weitere Informationen finden Sie unter Festlegen von Rändern, Innenabständen und Maßen in der Designansicht.

  

• CSS Display:none-Elemente: Zeigt Elemente an, die durch eine Formatvorlage ausgeblendet sind, die display:none einschließt.

• CSS Visibility:hidden-Elemente: Zeigt Elemente an, die durch eine Formatvorlage ausgeblendet sind, die display:hidden einschließt.

• **Nichtvisuelle ASP.NET-Steuerelemente **: Zeigt ein Rechteck für ASP.NET-Steuerelemente an, die nichts anzeigen.

• ASP.NET-Steuerelementfehler: Zeigt eine Fehlermeldung an, wenn bei einem ASP.NET-Steuerelement ein Fehler auftritt, z. B. beim Herstellen einer Verbindung mit einer Datenquelle.

• Vorlagenbereichsbeschriftungen: Zeigt einen Rahmen um bearbeitbare Vorlagenbereiche, einschließlich einer Registerkarte mit dem Namen des Bereichs, in Seiten an, die auf dynamischen Webvorlagen oder ASP.NET-Masterseiten basieren. Weitere Informationen finden Sie unter Dynamische Webvorlagen.

  

Siehe auch

Konzepte

Arbeitsbereich – Übersicht

Bearbeitungsfenster – Übersicht

Statusleiste