Neu hier? Lies hier über unser Motto gemeinsam statt einsam.
Mitglied werden einloggen




Passwort vergessen?

Schriftattribute

1.6. Schriftgröße, Farben und Attribute

Das Backoffice erlaubt, die Größe und die Farbe von Texten zu ändern. Zusätzlich kann man Attribute setzen, unter anderem Text fett und kursiv schreiben. Das lässt auch miteinander kombinieren und genau damit haben einige Rebos arge Probleme.
Fettschrift und Kursivschrift dienen Überschriften bzw. kurzen Absetzungen und Zitaten.
Beide Attribute machen den Text schwerer lesbar.
Die am besten lesbare Textfarbe ist schwarz auf hellem Hintergrund (der lässt sich nicht ändern), auch noch brauchbar ist dunkelblau. Schwer lesbar sind grelle Farben (rot, grün, blau), weshalb man – wenn schon – darkred, darkgreen und darkblue vorziehen sollte.
Ganz unmöglich ist die Kombination, z.B. Fettschrift in knallgrün ggf. auch noch kursive.
Mehr dazu steht in

www.feierabend.de/Leben/Computer-Internet/PC-Wissen/Seitengestaltung-16177.htm

1.6.1 Schriftgröße
Weil mit den beiden Schaltflächen A- und A+ rechts oben die Schriftgröße variiert werden kann, sind die Einstellungen relativ zu dieser Größe und werden deshalb in % angegeben. Die Einstellung für die Schriftgröße heißt fs für „font size“ und wird wie üblich in spitze Klammern gesetzt.

Ein Beispiel
<fs:150%>Der Text ist 50% größer </fs> wirkt als:
Der Text ist 50% größer

Verkleinert wird der Text mit Werten kleiner als 100%, so zum Beispiel bringt <fs:80%>Der Text ist 20% kleiner </fs>
Der Text ist 20% kleiner diese Anzeige:

Beachte: Im Gegensatz zu HTML-Befehlen, wo ein Befehl nicht unbedingt abgeschlossen werden muss, ist das hier Pflicht. Fehlt das </fs> wird der ganze Befehl nicht ausgeführt.

Textfarbe
Die Einstellung für die Textfarbe heißt fc für „font color“ und wird auch in spitze Klammern gesetzt. Ein Beispiel:

<fc:darkred>Der Text ist dunkelrot</fc>
sieht so aus
Der Text ist dunkelrot


Textgröße plus Textfarbe
Die Textgröße und die Textfarbe lassen sich kombinieren, zum Bespiel so:

<fc:navy><fs:150%>Der Text ist 50% größer und marineblau </fs></fc>
das sieht so aus:
Der Text ist 50% größer und marineblau


Eine Tabelle mit den Namen der Farben gibt es unter

home.feierabend.com/homepage/bild101.jpg

allerdings nur als Bild. Im HTML-Kurs im Thementreff „Computer & Internet“ gibt es die Tabelle auch, aber mit kopierbarem Text.

Initiale
Initiale nennt man einen schmückenden Anfangsbuchstaben, die als erster Buchstabe von Kapiteln oder Abschnitten eingesetzt werden, zum Beispiel so:

Das ist ein Initial.

Die Lösung entspricht dem vorherigen Beispiel, allerdings nur auf einen Buchstaben wirkend:

<fc:darkred><fs:150%>D</fs></fc>as ist ein Initial.


1.6.3 Textattribute
Das Backoffice der Redaktion inkl. der Thementreffs akzeptiert das komplette HTML.
Den Regionalbotschafter hingegen sind nur einige wenige HTML-Tags erlaubt, nämlich fett, kursiv unterstrichen, zentriert, hochgestellt, tief gestellt und Aufzählungen.

<b> Macht Text fett </b>

<i> Schreibt Text kursiv (</i>

<u> Unterstreicht Text </u>

<center> Zentrieren von Text </center> sieht so aus:

Zentrieren von Text



Wichtig ist hier, dass diese Befehle sofort wirken und zwar auch, wenn es kein Abschluss-Tag gibt. Ein beliebter Fehler ist es, ein zu vergessen. Dann wird plötzlich nahezu die ganze Startseite fett geschrieben. Der Fehler ist schwer zu finden, denn die Umsetzung der Seite in den HTML-Code erfolgt durchaus nicht in der Reihenfolge die wir sehen. Somit kann ein vergessenes am Ende die Texte am Anfang ändern.

Hoch stellen sieht so aus: : 252und so geschrieben: 25<sup>2</sup>
Tief stellen sieht so aus: Vccund so geschrieben: V<sub>cc</sub>

Aufzählungen

Eine unnumerierte Liste kann so aussehen:

• Hannover
• Hildesheim
• Frankfurt
• Berlin

Der Code dafür sieht so aus

<ul>
<li>Hannover </li>
<li>Hildesheim </li>
<li>Frankfurt </li>
<li>Berlin </li>
</ul>

Das lässt sich leicht in eine nummerierte Liste ändern, man muss nur das <ul> in <ol> ändern.

1. Hannover
2. Hildesheim
3. Frankfurt
4. Berlin




Autor
Peter Wollschlaeger (WoSoft)

Artikel Teilen

 

Artikel bewerten
5 Sterne (4 Bewertungen)

Nutze die Sterne, um eine Bewertung abzugeben:


0 0 Artikel kommentieren
Themen > Leben > Wosofts Computer- & Internetwelt > Backoffice > Schriftattribute