bbCode Anleitung
Anders als bei einem Textverarbeitungsprogramm (Word u.a.) oder einen einem herkömmlichen Htmleditor, ist nach der Zuweisung der Formatierungseigenschaft das Ergebnis nicht sogleich sichtbar.
Erst im weiteren Schritt wird die Zuweisung der Formatierungseigenschaft in ein sichtbares Ergebnis vollzogen.
Dieses etwas ungewohnte Vorgehen hat den Vorteil das ihre Website vollständig in validen XHTML erstellt wird. Da abschliessend ihre Website auf ihren PC heruntergeladen wird, können sie, so fern Bedarf ist, den Text selber grafisch verfeinern.
Am einfachsten geht es, wenn sie zuerst im Textverarbeitungsprogramm ihren Text schreiben und formatieren. Danach fügen sie die bbCode Fomatierungsanweisungen passend zur Formatierung des Textes ein.
Wenn sie den Text so vorbereitet, in den Editor einfügen, müssen sie nur noch den Titel der Site oben einfügen, auf Weiter klicken und die Site ist schon erstellt.
Wenn sie geübt sind mit Onlineeditoren können sie natürlich den Text online schreiben und formatieren.
Eine Besonderheit des Editores ist das sie den Titel der Site oben in das separate Feld einfügen sollten.
Zu beachten ist, dass sich die bbCode Tags (Anweisung in den Klammern zB. [em]...[/em]) nicht überschneiden dürfen.
bbcode Tags und ihre Wirkung
[h2]Ueberschrift[/h2]
Ueberschrift
[em]Schrägschrift[/em]
Schrägschrift
[u]Unterstrichen[/u]
Unterstrichen
[strong]Fettschrift[/strong]
Fettschrift
[url]link.php[/url]
Link
[ol]
[li]geordnete Liste[/li]
[li]geordnete Liste[/li]
[li]geordnete Liste[/li]
[/ol]
- geordnete Liste
- geordnete Liste
- geordnete Liste
[ul]
[li]ungeordnete Liste[/li]
[li]ungeordnete Liste[/li]
[li]ungeordnete Liste[/li]
[/ul]
- ungeordnete Liste
- ungeordnete Liste
- ungeordnete Liste
Korrekte Formatierung
[em]Text .. Text[/em]
[u]Text .. Text[/u]
[strong]Text .. Text[/strong]
[url]Text .. Text[/url]
[h2]Text .. Text[/h2]
[strong][u][em]Text .. Text[/em][/u][/strong]
[url]http://web-profi.ch[/url]
Falsche Formatierung
[em]Text .. Text[/u]
[/u]Text .. Text[u]
[strong]Text .. Text[strong]
[url]Text .. Text[/h1]
[h1]Text .. Text[/url]
[u]Text .. Text[/em][/u][/strong][em][strong]