Hilfe:Farben: Unterschied zwischen den Versionen
(yYHlFKqsbiTxpX) |
|||
| (Eine dazwischenliegende Version von einem Benutzer wird nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | + | __NOEDITSECTION__ __NOTOC__ | |
| + | [[Datei:Maskottchen_mit_Farbeimer_-_gespiegelt.jpg|280px|thumb|right|Farben im Wiki? <br />Bitte nur sehr sparsam...]] | ||
| + | |||
| + | === Farben? - Ein heikles Kapitel... === | ||
| + | |||
| + | Farben sollten im Wartburg-Wiki sparsam und mit Bedacht eingesetzt werden. | ||
| + | Das durchgängige Erscheinungsbild der Inhalts-Seiten sollte im Allgemeinen nicht unterbrochen werden. | ||
| + | |||
| + | Wir möchten durch seriös aufbereitete Inhalte auffallen, nicht durch laute Aufmachung nach Art der Boulevard-Zeitungen... | ||
| + | |||
| + | Hinzu kommt die vorhandene Funktionalität von Links auf interne, externe oder nicht vorhandene Seiten, deren Aussagekraft nicht durch parallele Verwendung von Farben mit abweichender Bedeutung überdeckt werden sollte. | ||
| + | |||
| + | Aufgrund dieser (nicht nur bei uns üblichen) Wiki-Gepflogenheiten gibt es in der Wiki-Syntaxt keine speziellen Befehle für die Auszeichung von Text mit Farben. Vielmehr muß man sich bei Bedarf mit HTML-Kommandos und CSS-Anweisungen behelfen. | ||
| + | |||
| + | In Ausnahmen (und sparsam verwendet) können Farben jedoch eine sinnvolle Hervorhebung sein. | ||
| + | |||
| + | === So geht es: === | ||
| + | |||
| + | Zur Farb-Auszeichung von Texten sind im Wiki http://de.wikipedia.org/wiki/Hypertext_Markup_Language HTML-Tags verwendbar. Diese erhalten dann ein Style-Attribut mittels http://de.wikipedia.org/wiki/Cascading_Style_Sheets CSS-Anweisungen. | ||
| + | |||
| + | Die Befehlsfolge besteht daher aus HTML-Befehlen, z. B. span-Tags für Zeichenfolgen im Fließtext oder p-Tags für ganze Absätze, aber auch div-Befehle sind zulässig. | ||
| + | |||
| + | Die eigentliche Farb-Anweisung erfolgt mit CSS. - Beispiele: | ||
| + | |||
| + | {| class="wikitable" | ||
| + | |- | ||
| + | ! Aktion | ||
| + | ! Befehls-Folge | ||
| + | ! Ergebnis | ||
| + | |- | ||
| + | | Farbiger Text | ||
| + | | <code><nowiki><span style="color:#0000CD"> Text </span></nowiki></code> | ||
| + | | <span style="color:#0000CD">Text</span> | ||
| + | |- | ||
| + | | Farbige Absätze | ||
| + | | <code><nowiki><p style="color:darkblue"> Absatz </p></nowiki></code> | ||
| + | | <p style="color:darkblue">Absatz</p> | ||
| + | |- | ||
| + | | Hintergrund für ein oder wenige Wörter | ||
| + | | <code><nowiki><span style="background-color:yellow"> Beispiel </span></nowiki></code> | ||
| + | | <span style="background:yellow">Beispiel</span> | ||
| + | |- | ||
| + | | Hintergrund eines Absatzes | ||
| + | | <code><nowiki><p style="background-color:yellow"> Absatz </p></nowiki></code> | ||
| + | | <p style="background:yellow">Absatz</p> | ||
| + | |- | ||
| + | | Farbiger Text + Hintergrund eines Absatzes | ||
| + | | <code><nowiki><p style="color:darkgreen; background-color:yellow"> Absatz </p></nowiki></code> | ||
| + | | <p style="color:darkgreen; background-color:yellow">Absatz</p> | ||
| + | |- | ||
| + | | Hintergrund einer Tabellenzelle | ||
| + | | <code><nowiki>style="background-color:#fedbca" | Text</nowiki></code> | ||
| + | |style="background-color:#fedbca"| Text | ||
| + | |} | ||
| + | |||
| + | Bei der Angabe der Style-Attribute sind verschiedene Schreibweisen möglich: | ||
| + | |||
| + | Bei der Farb-Angabe in Hex-Werten ist zur Kennzeichnung ein #-Zeichen voranzustellen. | ||
| + | style="background-color:#Hexadezimalwert;" | ||
| + | Alternativ können definierte Schlüsselworte verwendet werden. | ||
| + | style="background-color:Farbname;" | ||
| + | Wenn die Dezimal-Werte besser von der Hand gehen, sind diese so verwendbar: | ||
| + | style="background-color:rgb(Rot-Wert,Grün-Wert,Blau-Wert);" | ||
| + | |||
| + | Die Kurzform der Hex-Angabe, z. B. '' <code>bgcolor=#fa3</code> ''wird nicht von allen Browsern korrekt interpretiert, daher sollte man grundsätzlich die vollständige Notation verwenden. | ||
| + | |||
| + | '''Sehr wichtig:''' <br /> | ||
| + | Bei der Verwendung von HTML-Kommandos und CSS-Anweisungen ist unbedingt auf das korrekte schließen der Tags zu achten. – Anderenfalls können unvorhersehbare Folgen für die Funktionalität der Seite auftreten! | ||
| + | |||
| + | |||
| + | === Weiterführende Links === | ||
| + | |||
| + | http://de.wikipedia.org/wiki/Hilfe:Farben WikiPedia Hilfe:Farben (enthält Farb-Tabelle) | ||
| + | |||
| + | http://de.selfhtml.org/ SelfHTML HTML- und CSS-Grundlagen | ||
| + | |||
| + | http://de.selfhtml.org/helferlein/farben.htm SelfHTML-Farbhelfer | ||
| + | |||
| + | |||
| + | [[Kategorie:Hilfe|Farben]] | ||
Aktuelle Version vom 17. September 2012, 17:04 Uhr
Bitte nur sehr sparsam...
Farben? - Ein heikles Kapitel...
Farben sollten im Wartburg-Wiki sparsam und mit Bedacht eingesetzt werden. Das durchgängige Erscheinungsbild der Inhalts-Seiten sollte im Allgemeinen nicht unterbrochen werden.
Wir möchten durch seriös aufbereitete Inhalte auffallen, nicht durch laute Aufmachung nach Art der Boulevard-Zeitungen...
Hinzu kommt die vorhandene Funktionalität von Links auf interne, externe oder nicht vorhandene Seiten, deren Aussagekraft nicht durch parallele Verwendung von Farben mit abweichender Bedeutung überdeckt werden sollte.
Aufgrund dieser (nicht nur bei uns üblichen) Wiki-Gepflogenheiten gibt es in der Wiki-Syntaxt keine speziellen Befehle für die Auszeichung von Text mit Farben. Vielmehr muß man sich bei Bedarf mit HTML-Kommandos und CSS-Anweisungen behelfen.
In Ausnahmen (und sparsam verwendet) können Farben jedoch eine sinnvolle Hervorhebung sein.
So geht es:
Zur Farb-Auszeichung von Texten sind im Wiki http://de.wikipedia.org/wiki/Hypertext_Markup_Language HTML-Tags verwendbar. Diese erhalten dann ein Style-Attribut mittels http://de.wikipedia.org/wiki/Cascading_Style_Sheets CSS-Anweisungen.
Die Befehlsfolge besteht daher aus HTML-Befehlen, z. B. span-Tags für Zeichenfolgen im Fließtext oder p-Tags für ganze Absätze, aber auch div-Befehle sind zulässig.
Die eigentliche Farb-Anweisung erfolgt mit CSS. - Beispiele:
| Aktion | Befehls-Folge | Ergebnis |
|---|---|---|
| Farbiger Text | <span style="color:#0000CD"> Text </span>
|
Text |
| Farbige Absätze | <p style="color:darkblue"> Absatz </p>
|
Absatz |
| Hintergrund für ein oder wenige Wörter | <span style="background-color:yellow"> Beispiel </span>
|
Beispiel |
| Hintergrund eines Absatzes | <p style="background-color:yellow"> Absatz </p>
|
Absatz |
| Farbiger Text + Hintergrund eines Absatzes | <p style="color:darkgreen; background-color:yellow"> Absatz </p>
|
Absatz |
| Hintergrund einer Tabellenzelle | style="background-color:#fedbca" | Text
|
Text |
Bei der Angabe der Style-Attribute sind verschiedene Schreibweisen möglich:
Bei der Farb-Angabe in Hex-Werten ist zur Kennzeichnung ein #-Zeichen voranzustellen.
style="background-color:#Hexadezimalwert;"
Alternativ können definierte Schlüsselworte verwendet werden.
style="background-color:Farbname;"
Wenn die Dezimal-Werte besser von der Hand gehen, sind diese so verwendbar:
style="background-color:rgb(Rot-Wert,Grün-Wert,Blau-Wert);"
Die Kurzform der Hex-Angabe, z. B. bgcolor=#fa3 wird nicht von allen Browsern korrekt interpretiert, daher sollte man grundsätzlich die vollständige Notation verwenden.
Sehr wichtig:
Bei der Verwendung von HTML-Kommandos und CSS-Anweisungen ist unbedingt auf das korrekte schließen der Tags zu achten. – Anderenfalls können unvorhersehbare Folgen für die Funktionalität der Seite auftreten!
Weiterführende Links
http://de.wikipedia.org/wiki/Hilfe:Farben WikiPedia Hilfe:Farben (enthält Farb-Tabelle)
http://de.selfhtml.org/ SelfHTML HTML- und CSS-Grundlagen
http://de.selfhtml.org/helferlein/farben.htm SelfHTML-Farbhelfer
