Operation Manual

145
VERWENDEN VON DREAMWEAVER
Seiten mit CSS erstellen
Last updated 10.4.2012
Beim Bearbeiten von CSS-Regeln: Kurzschrift verwenden Legt fest, ob Dreamweaver bereits vorhandene Stile in
Kurzschrift umwandelt.
Wenn Sie „Falls Original in Kurzschrift“ wählen, bleiben alle Stile unverändert.
Wählen Sie dagegen „Gemäß obiger Einstellungen“, werden die Stile aller Eigenschaften, die Sie unter „Kurzschrift
verwenden für“ ausgewählt haben, in Kurzschrift umgewandelt.
Beim Doppelklicken im CSS-Bedienfeld Ermöglicht die Auswahl eines Werkzeugs für das Bearbeiten von CSS-Regeln.
3 Klicken Sie auf „OK“.
Neue CSS-Regeln erstellen
Sie können eine CSS-Regel erstellen, um die Formatierung von HTML-Tags oder eines durch das Attribut class oder
ID gekennzeichneten Textbereichs zu automatisieren.
1 Setzen Sie die Einfügemarke in das Dokument und führen Sie dann einen der folgenden Schritte aus, um das
Dialogfeld „Neue CSS-Regel“ zu öffnen:
• Wählen Sie „Formatieren“ > „CSS-Stile“ > „Neu“ aus.
• Klicken Sie im Bedienfeld „CSS-Stile“ („Fenster“ > „CSS-Stile“) rechts unten auf die Schaltfläche „Neue CSS-Regel“ (+).
• Markieren Sie Text im Dokumentfenster und wählen Sie im Popupmenü „Zielregel“ des CSS-
Eigenschafteninspektors („Fenster“ > „Eigenschaften“) die Option „Neue CSS-Regel“ aus. Klicken Sie dann auf die
Schaltfläche „Regel bearbeiten“ oder wählen Sie im Eigenschafteninspektor eine Option aus (z. B. die Schaltfläche
„Fett“), um eine neue Regel einzurichten.
2 Geben Sie im Dialogfeld „Neue CSS-Regel“ den Selektor-Typ für die zu erstellende CSS-Regel an:
• Wenn Sie einen benutzerdefinierten Stil erstellen möchten, der als class-Attribut auf HTML-Elemente
angewendet werden kann, wählen Sie im Popupmenü „Selektor-Typ“ die Option „Klasse“ aus und geben Sie dann
im Textfeld „Selektor-Name“ einen Namen für den Stil ein.
Note: Die Namen von Klassen müssen mit einem Punkt beginnen und können aus einer beliebigen Kombination von
Buchstaben und Zahlen bestehen (z. B. „.myhead1“). Wenn Sie am Anfang keinen Punkt eingeben, fügt Dreamweaver
ihn automatisch hinzu.
• Wenn Sie die Formatierung für ein Tag mit einem bestimmten ID-Attribut festlegen möchten, wählen Sie im
Popupmenü „Selektor-Typ“ die Option „ID“ aus und geben Sie dann im Textfeld „Selektor-Name“ die eindeutige
ID (z. B. „containerDIV“) ein.
Note: IDs müssen mit einem Nummernsymbol (#) beginnen und können aus einer beliebigen Kombination von
Buchstaben und Ziffern bestehen (z. B. „#myID1“). Wenn Sie als erstes Zeichen kein Nummernsymbol eingeben, wird das
Symbol in Dreamweaver automatisch hinzugefügt.
• Wenn Sie die Standardformatierung eines bestimmten HTML-Tags neu definieren möchten, wählen Sie im
Popupmenü „Selektor-Typ“ die Option „Tag“ aus. Geben Sie dann im Textfeld „Selektor-Name“ ein HTML-Tag
ein oder wählen Sie im Popupmenü ein Tag aus.
• Wenn Sie eine zusammengesetzte Regel festlegen möchten, die auf mindestens zwei Tags, Klassen oder IDs
gleichzeitig angewendet wird, wählen Sie die Option „Zusammengesetzter Ausdruck“ aus und geben Sie die
Selektoren für die zusammengesetzte Regel ein. Wenn Sie beispielsweise div p eingeben, wirkt sich die Regel auf
alle p-Elemente in Div-Tags aus. Beim Hinzufügen oder Löschen von Selektoren wird in einem Textbereich genau
beschrieben, auf welche Elemente sich die Regel auswirkt.