Wie Sie einzelne Elemente auf Ihrer Web-Seite formatieren, haben Sie bereits erfahren. Es gibt jedoch einen eleganteren Weg, der alle Elemente auf einer Web-Seite gleich formatiert und dadurch ein einheitliches Erscheinungsbild erreicht. Nehmen wir als Beispiel an, Sie möchten alle Überschriften der Kategorie 1 "Überschrift 1" Ihrer Web-Seite formatieren.
Klicken Sie hierfür zuerst in eine der Überschriften. In der Statusleiste sehen Sie das HTML-Element, das für die Überschrift steht, in diesem Fall "<h1>". Klicken Sie es mit der rechten Maustaste an. Im Kontextmenü wählen Sie nun den Punkt "Inline Styles" und anschließend "Texteigenschaften".
Im neuen Dialogfeld können Sie komfortabel Schriftart, Schriftgröße, -farbe und so weiter festlegen und Ihre Auswahl mit "OK" bestätigen. Soll die Überschrift einen Rahmen erhalten, so wählen Sie im Kontextmenü von <h1> den Punkt "Inline styles, Randeigenschaften" oder bestimmen eine eigene Hintergrundfarbe für die Überschrift über "Inline styles, Hintergrund-Eigenschaften".
Wenn Sie die gewünschten Formatierungen durchgeführt haben und möchten, dass diese für alle Überschriften auf der Seite gelten, wählen Sie dieses Mal im Kontext-
menü von <h1> den Punkt "Inline styles, Extrahieren und allgemeinen Style anlegen". Das nun erscheinende Dialogfenster ist leider nicht ins Deutsche übersetzt. Hier müssen Sie nur in den Radiobutton vor "all styles" klicken und Ihre Auswahl mit "OK" bestätigen. Jetzt sind alle Überschriften der Kategorie 1 auf dieselbe Art formatiert.
Tipp: Möchten Sie später etwas an der Formatierung ändern, wählen Sie "Extras, CSS-Editor", klicken bei "Internes Style sheet" auf das Element h1 und wählen die Registerkarte, bei der Sie Änderungen durchführen möchten.
Lesen Sie auf der nächsten Seite:
Lesen Sie in diesem Beitrag