Bearbeiten von Texten und Formulierungen: HTML-Grundlagen
Als Administrator von ConfTool Pro können Sie sämtliche Texte und Formulierungen des Systems über die Systemeinstellungen ändern. Für viele textliche Parameter können Sie zudem HTML-Code eingeben, wenn Sie formatierten Text oder Links zu Ressourcen außerhalb von ConfTool einfügen möchten.
Die beiden Sprachen, mit denen in ConfTool Texte formatiert und Webinhalte erstellt werden, heißen HTML und CSS. Im Web finden Sie zahlreiche sehr gute Handbücher zu beiden; da diese meist sehr umfangreich sind, fassen wir nachstehend die wichtigsten Grundlagen für die Nutzung in ConfTool zusammen.
Öffnende und schließende Tags: Die meisten HTML-Elemente treten paarweise auf – ein öffnender Tag (z. B. <b>) und ein schließender Tag (z. B. </b>), erkennbar am Schrägstrich („Slash") am Anfang. Der zu formatierende Text steht zwischen den beiden Tags.
Text formatieren
| Format | HTML-Code | Ergebnis |
|---|---|---|
| Fett | <b>…</b> oder <strong>…</strong> | fetter Text |
| Kursiv | <i>…</i> oder <em>…</em> | kursiver Text |
| Unterstrichen | <u>…</u> | unterstrichener Text |
Unterstrichener Text ist in der Regel nicht empfehlenswert, da er die Lesbarkeit beeinträchtigen kann (die Linie kann mit den Unterlängen von Buchstaben wie g, j, p, q und y kollidieren) und leicht mit einem Link verwechselt wird.
Überschriften
Überschriften können Sie in vier verschiedenen Größen erstellen:
<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
<h3>Überschrift 3</h3>
<h4>Überschrift 4</h4>
Farbiger Text (CSS)
Für farbigen Text benötigen Sie einen CSS-Befehl. Verwenden Sie das <span>-Element zusammen mit dem Attribut style; die Style-Definition enthält den CSS-Code:
<span style="color: red;">Text in Rot</span>
Ergebnis: Text in Rot
CSS kann weit mehr als nur Farben, seine Syntax ist jedoch komplexer als einfache HTML-Tags.
Links zu externen Ressourcen
Um auf Dokumente außerhalb von ConfTool zu verlinken (z. B. auf Ihre Beitragsvorlage), verwenden Sie das <a>-Element:
<a target="_blank" href="https://example.com/datei.pdf">Dies ist der Link-Text</a>
Das Attribut target="_blank" wird bei externen Links in ConfTool dringend empfohlen, damit das Linkziel in einem neuen Fenster oder Tab geöffnet wird.
Tabellen
Möglicherweise möchten Sie Informationen nebeneinander bzw. in zwei oder mehr Spalten anzeigen und dazu eine Tabelle verwenden. Hierfür empfehlen wir einen HTML-Tabellen-Konverter wie TableConvert, der den benötigten Code für Sie erzeugt.
Hilfreiche Werkzeuge
Wenn Sie weitere Unterstützung beim Erstellen von HTML benötigen, ist ein Online-HTML-Editor nützlich. Zuverlässige Werkzeuge, die formatierten Text in HTML-Code umwandeln, sind z. B. der HTML-Online Editor oder der HTML5-Editor. Auf der einen Seite geben Sie den formatierten Text ein, auf der anderen entsteht automatisch der zugehörige HTML-Code.
Wichtig: Ihr HTML-Code muss korrekt und syntaktisch gültig sein. Fehlerhafter Code kann Teile der Benutzeroberfläche durcheinanderbringen oder sogar unsichtbar machen. Wenn Sie sich mit HTML nicht sicher fühlen, verwenden Sie es besser nicht. Testen Sie Ihre Änderungen in jedem Fall, prüfen Sie, wie die geänderten Seiten für normale Benutzer erscheinen, und stellen Sie sicher, dass die Änderungen den Sinn einzelner Funktionen nicht entstellen.
Wir freuen uns auf Ihr Feedback!