Wissen HTML-Vorlagen

Im Gegensatz zu vollständigen Website-Vorlagen konzentrieren sich Wissens-HTML-Vorlagen auf die Struktur unterhalb der Referenzinhalte. Anleitungen, Verfahren, FAQs und technische Erklärungen erhalten eine HTML-orientierte Hierarchie, die auf Desktop- und Mobilgeräten gleichermaßen gut lesbar bleibt.

Mehr HTML-Vorlagen aus der Kategorie Ausbildung

Andere Ausbildung HTML-Vorlagen

Bearbeitbare HTML-Vorlagen für Wissensdatenbanken

Die HTML-Vorlagen für Wissensdatenbanken sind vollständige Hilfe- und Dokumentationsseiten, die als bearbeitbare Dateien bereitgestellt werden. Der Seitenaufbau ist ähnlich wie bei anderen Websites: Startseite, Kategorien, Artikel und Kontaktformular. Der Unterschied liegt in der Anpassung, da alles im Quellcode liegt. Dort kann ein Entwickler Markup, Klassen und die Blockreihenfolge direkt bearbeiten.

Inhalt des Downloads

Die Pakete variieren, enthalten aber meist deutlich mehr als nur einige wenige Seiten:

  1. Artikel- und Kategorievorlagen, die Sie für jeden neuen Eintrag kopieren;

  2. Navigationselemente wie Breadcrumbs, Seitenleiste und Inhaltsverzeichnis;

  3. Interaktive Elemente wie Suchfeld, Akkordeon-FAQ oder Registerkarten;

  4. Ein Kontakt- oder Ticketformular, das Sie mit Ihrer eigenen Übermittlungsmethode verknüpfen können.

Zuerst sollten Sie prüfen, welche dieser Elemente bereits vorhanden sind. Suchfeld und Akkordeon benötigen Skripte, die im Template enthalten sind. Fehlen diese Skripte in einem Paket, müssen Sie diese Funktionalität selbst implementieren.

Einen weiteren Artikel erstellen, ohne von vorne zu beginnen

Das Hinzufügen eines Eintrags zu einem bestehenden Template funktioniert üblicherweise so:

  1. Kopieren Sie die Artikeldatei und ersetzen Sie Überschrift, Textkörper und Links durch die neue Datei.

  2. Fügen Sie den Eintrag der Kategorie und der Navigationsstruktur hinzu.

  3. Überprüfen Sie, ob Breadcrumbs und verwandte Links korrekt funktionieren.

Diese Vorgehensweise ist nur so lange kurz, wie das Muster funktioniert. Wenn jede Anleitung Überschrift, Schritte und Links in der gleichen Reihenfolge beibehält, weiß der Redakteur beim Öffnen der Datei sofort, wo er suchen muss. Überschriften, die dem Text folgen, Listen für Anleitungen und Links zu verwandten Einträgen sollten Sie sich in der Demo genauer ansehen, da diese Anordnung auf jeder kopierten Seite übernommen wird.

Schmale Bildschirme und umfangreiches Referenzmaterial

Referenzartikel enthalten lange Absätze, verlinkte Begriffe und Screenshots. Tabellen und Codebeispiele sind etwas knifflig, da sie sich nicht automatisch verkleinern lassen und meist einen eigenen Scrollbereich benötigen.

Nicepage Responsive Modi deckt den gesamten Bereich vom großen Desktop bis zum vertikalen Smartphone ab. Öffnen Sie eine Artikelseite mit Seitenleiste und Suchfunktion in diesen Ansichten, da diese Elemente zuerst geladen werden.

Bevor Sie Ihre Änderungen übernehmen, achten Sie in der Demo auf drei Dinge: die angezeigten Seiten, die Struktur des Quellcodes nach dem Öffnen einer Datei und das Verhalten eines Artikels auf einem Smartphone. Ein Paket, das alle drei Kriterien erfüllt, ermöglicht es Ihnen, Dokumentation zu schreiben, anstatt die gesamte Struktur neu zu erstellen.