Hier mal kurz ein paar Sätze zur Formatierung von Webseiten via HTML

HTML hört sich eigentlich komplizierter an, als es eigentlich ist. Denn HTML ist nur eine sogeannte Auszeichnungssprache. Sprich, es gibt einen einfach Text, welcher dann eben mit gewissen HTML Fornatierungen ausgezeichnet wird. Z.B. folgender Satz, welche mit der Standard Formatierung ‚Absatz‘ ausgezeichnet wurde:

Dies ist ein Text mit Auszeichnungs-Format Absatz

All diese Formatierungsmoeglichkeiten kann man im Editor ueber die verschiedenen Knoepfen bzw. Auswahlmenus festlegen, indem man den zu formatierenden Text auswaehlt und dann via Knopf bzw Menu im Editor die gewuenschte Formatierung fuer den Textblock festlegt.

Leider! Und ich sage hier ganz bewusst, LEIDER, verfuegt der Editor auch ueber die Moeglichkeit Text manuell mit Farbe zu formatieren. So kann man hier ganz einfach Text markieren und dann eben z.b. die Farbe Blau fuer den markierten Text manuell festlegen. In bestimmten Faellen ist dies sicherlich recht nuetzlich, doch bricht es meist das Prinzip der zentralen Formatierung via CSS.

Die zentrale Formatierung via CSS ist ganz einfach erklaert. Wie weiter unten aufgelistet gibt es z.b. die Formatierung ‚Überschrift 1‘. Wie diese Formatierung der ‚Überschrift 1‘ im Details aussieht wird in einer zentralen CSS Datei festgelegt. Dort wird angegeben wie gross die Ueberschrift ist, welche Schriftart verwendet wird, welche Farbe, etc, etc …

Nun kann ich ueberall, wo diese Formatierung gewuenscht wird, den betreffenden Text einfach mit ‚Überschrift 1‘ auszeichnen und der Text sieht dann eben genauso aus. Soweit so gut …

Und jetzt nehmen wir einfach an, dass sich der Verein zu neuen Vereinsfarben entscheidet. Und jetzt soll aus roter Farbe nun also gruene Farbe werden. Hierzu aendert man nun ganz einfach in der CSS Datei die Farbe von Rot nach Gruen und sofort werden auf allen Seiten des Webauftritts Texte mit der Auszeichnung ‚Überschrift 1‘ in gruener Farbe dargestellt! Klasse!

Habe ich nun leider die Farbe manuell festgelegt, dann muss ich ueberall dort, wo ich das gemacht habe, nun also die Farbe wieder manuell aendern. Und das kann bei grossen Webauftritten schon recht unangenehm werden. Von daher rate ich immer dazu die Texte mit den passenden Formatierungen auszuzeichnen.

Sollten neue Formatierungen erwuenscht sein so reicht ein Wort an den webmaster vollkommen aus und ich erstelle die gewuenschte Formatierung 😉

Dies ist ein Text mit Auszeichnungs-Format Preformatted

Nun kann man eben diesen gleichen text mit Auszeichnungsformat Überschrift 1 auszeichnen, was dann eben so aussieht:

Jetzt kann man natuerlich auch sogenannte Listen erstellen:

oder, wenn man will auch sortierte Listen mit Nummerierung:

Auch kann man Spalten erstellen, hier als Beispiel mal 4 Spalten:

oder vielleicht nur 3 Spalten?

Man kann aber auch nur die Seite in 2 Spalten aufteilen: