Operation Manual

Festlegen von Texteigenschaften im Eigenschafteninspektor
Hinweis:
Nach oben
Hinweis:
Nach oben
Zielregel
Text formatieren (CSS und HTML)
CSS-Regeln im Eigenschafteninspektor bearbeiten
HTML-Formatierung im Eigenschafteninspektor festlegen
Klassen mit dem HTML-Eigenschafteninspektor umbenennen
Mit dem Eigenschafteninspektor können Sie HTML- oder CSS-Formatierungen anwenden. Beim Anwenden der HTML-Formatierung werden in
Dreamweaver im „body“-Bereich der Seite die entsprechenden Eigenschaften zum HTML-Code hinzugefügt. Beim Anwenden der CSS-
Formatierung werden die Eigenschaften in Dreamweaver in den „head“-Bereich des Dokuments oder in ein separates Stylesheet geschrieben.
Beim Erstellen von CSS-Inline-Stilen wird der Code für Stilattribute von Dreamweaver direkt in das Body-Tag der Seite eingefügt.
Text formatieren (CSS und HTML)
In Dreamweaver können Sie den Text ähnlich wie in einem normalen Textverarbeitungsprogramm formatieren. Sie können Standardformate
(Absatz, Überschrift 1, Überschrift 2 usw.) für einen Textblock definieren. Darüber hinaus können Sie die Schriftart, Größe, Farbe und Ausrichtung
von ausgewähltem Text ändern oder Textstile wie „Fett“, „Kursiv“, „Code“ (nicht proportional) und „Unterstrichen“ zuweisen.
Dreamweaver verfügt über zwei Eigenschafteninspektoren, den CSS-Eigenschafteninspektor und den HTML-Eigenschafteninspektor, die in einem
Eigenschafteninspektor vereint sind. Wenn Sie den CSS-Eigenschafteninspektor verwenden, formatiert Dreamweaver den Text anhand von
Cascading Stylesheets (CSS). Mit CSS können Webdesigner und Entwickler die Gestaltung von Webseiten präziser steuern. Außerdem bietet
CSS verbesserte Funktionen für die Barrierefreiheit sowie kleinere Dateigrößen. Mithilfe des CSS-Eigenschafteninspektors können Sie auf
vorhandene Stile zugreifen sowie neue Stile erstellen.
CSS ist eine Möglichkeit, das Layout einer Webseite präzise zu steuern, ohne deren Struktur zu beeinträchtigen. Durch die Trennung der
grafischen Designelemente (Schriftarten, Farben, Ränder usw.) von der logischen Struktur der Webseite hat der Webdesigner mit CSS die
Kontrolle sowohl über visuelle als auch über typografische Elemente, ohne die Integrität des Inhalts zu gefährden. Darüber hinaus ermöglicht die
Festlegung der Formatierung und des Seitenlayouts mit einem einzigen, eindeutigen Codeblock – ohne auf Imagemaps, font-Tags, Tabellen und
Platzhalterbilder (GIFs) zurückgreifen zu müssen – schnellere Downloads und eine optimierte Site-Pflege. Der Codeblock stellt außerdem eine
zentrale Stelle dar, von der aus Designattribute für mehrere Webseiten gesteuert werden können.
Mit CSS erstellte Stile können direkt im Dokument oder für bessere Leistung und Flexibilität in einem externen Stylesheet gespeichert werden.
Wenn Sie ein externes Stylesheet an mehrere Webseiten anfügen, werden alle Änderungen am Stylesheet automatisch auf alle Seiten übertragen.
Der Zugriff auf alle CSS-Regeln für eine Seite erfolgt über das Bedienfeld „CSS-Stile“ („Fenster“ > „CSS-Stile“). Im Bedienfeld „CSS-Stile“ (Modus
„Aktuell“) oder über das Popupmenü „Zielregel“ des CSS-Eigenschafteninspektors können Sie auf die Regeln zugreifen, die für die aktuelle
Auswahl gelten.
Sie können den Text in Ihren Webseiten jedoch auch mit HTML-Markup-Tags formatieren. Wenn Sie anstelle von CSS-Stilen HTML-Tags
verwenden möchten, formatieren Sie den Text mit dem HTML-Eigenschafteninspektor.
Sie können CSS und HTML 3.2-Formatierungen auf einer Seite kombinieren. Die Formatierung wird in hierarchischer Folge
zugewiesen: Die HTML 3.2-Formatierung setzt die Formatierung außer Kraft, die durch externe CSS-Stylesheets zugewiesen wurde. Die in ein
Dokument eingebetteten CSS-Stile haben Vorrang vor externen CSS-Stilen.
CSS-Regeln im Eigenschafteninspektor bearbeiten
1. Öffnen Sie den Eigenschafteninspektor („Fenster“ > „Eigenschaften“), wenn er noch nicht geöffnet ist, und klicken Sie auf die Schaltfläche
„CSS“.
2. Führen Sie einen der folgenden Schritte aus:
Setzen Sie die Einfügemarke in einen Textblock, der mit der zu bearbeitenden Regel formatiert wurde. Die Regel wird im Popupmenü
„Zielregel“ angezeigt.
Wählen Sie in diesem Popupmenü eine Regel aus.
3. Nehmen Sie mithilfe der verschiedenen Optionen des CSS-Eigenschafteninspektors die entsprechenden Änderungen an der Regel vor.
Die Regel, die Sie im CSS-Eigenschafteninspektor bearbeiten. Wenn ein vorhandener Stil auf den Text angewendet wird und Sie
in den Text auf der Seite klicken, wird die Regel für das Textformat angezeigt. Über das Popupmenü „Zielregel“ können Sie darüber hinaus
neue CSS-Regeln oder neue Inline-Stile erstellen oder vorhandene Klassen auf ausgewählten Text anwenden. Beim Erstellen einer neuen
Regel müssen Sie die Optionen im Dialogfeld „Neue CSS-Regel“ festlegen. Weitere Informationen finden Sie in den Hyperlinks am Ende
dieses Themenabschnitts.
342