Blue Dragon Web Manual

Die Website von 9to5 Media Services bietet eine Fülle von Informationen zu Web Manuals. Es steht auch eine Sitemap zurt Verfügung.

Ein Live-Beispiel für ein Web Manual finden Sie hier:

Diese Bedienungsanleitung für einen (leider nur fiktiven) Roboterdrachen zeigt einige der Funktionen von LOOPS:

Ausgabe der ID von HTML-Elementen für das Bookmarken und Teilen von Inhalten: Jede Überschrift der Ebene 1 und jede Bildunterschrift hat ein Widget, ein Grad-Zeichen („°“). Wenn Sie auf dieses Widget klicken, wird die ID des jeweiligen Elements in der Navigationsleiste angezeigt, so dass Sie es bookmarken oder mit Dritten teilen können. In einem optionalen Modus wird durch Anklicken des Widgets die eindeutige Identifikation (ID) des Elements direkt in die Zwischenablage kopiert, wodurch ein teilbares Lesezeichen entsteht.

Anleitungen in voller Länge sowie in Kapiteln („chunked“): Das vollständige Dokument enthält alle Inhalte, die auch ausgedruckt oder als PDF gespeichert werden können. In diesem „Chunked“-Ausgabeformat werden Hyperlinks zwischen den Abschnitten beibehalten beziehungsweise aktualisiert. Die Segmentierungsebene (Aufteilung zum Beispiel bei jeder Überschrift der Ebene 1 oder Ebene 1 und Ebene 2) kann nach Bedarf angepasst werden.
Export von HTML-Dokumenten als PDF (client-seitig): Leser können Web-/HTML-Dokumente mit der Druck-/PDF-Exportfunktion ihres Browsers in druckfertige PDF-Dokumente umwandeln.

Ausdruck von HTML-Dokumenten (client-seitig): Leser können Web-/HTML-Dokumente mit der Druckfunktion ihres Webbrowsers drucken. Wie bei allen HTML-Inhalten erfolgt der Ausdruck in einem „fließenden“ Format – das heißt, die Papiergröße des gewählten Druckers wird berücksichtigt und genutzt.
Indexe (verknüpfte Listen) von Tabellen und Bildern: Autoren können mit Hyperlinks versehene, alphabetisch sortierte Listen von Tabellen, Bildern, Videos und anderen Elementen an beliebigen Stellen eines HTML-Dokuments platzieren. Die Einträge sind mit den jeweiligen Elementen verknüpft.

Hervorhebung des Linkziels: Wenn ein Leser einen dokumentinternen Hyperlink verwendet (anklickt/antippt), wird das Hyperlink-Ziel kurz mit einer CSS-Animation hervorgehoben. Dies verbessert die Benutzererfahrung, da der Benutzer auf den „Sprung“ als solchen aufmerksam gemacht wird.
Markup: Alle relevanten semantischen Auszeichnungselemente werden unterstützt: normaler Text, Blockzitate, Codeblöcke und Inline-Code-Segmente, Definitionslisten, Dokumentabschnitte, Hervorhebungen (kursiv) und starke Hervorhebungen (fett), Fußnoten, Überschriften, Hyperlinks (dokumenteninterne und externe, Inline- und Referenzlinks), Bildintegration durch Einfügen der URL, hierarchische geordnete und ungeordnete Listen, Lineale, hoch- und tiefgestellte Texte, Tabellen.
Navigation zum nächsten / vorherigen Abschnitt des gleichen Typs: Alle h1- und h2–Überschriften, Bildunterschriften und Tabellenbeschriftungen haben Aufwärts- und Abwärtspfeile, die mit dem vorherigen und nächsten Element dieses Typs verlinkt sind. Dies ermöglicht es dem Anwender, direkt zu allen Instanzen eines bestimmten Elements zu wechseln, ohne erst einen Index oder ein Inhaltsverzeichnis öffnen beziehungsweise aufrufen zu müssen.

Responsive Darstellung: HTML-Inhalte werden mithilfe von responsivem CSS (Media Queries) automatisch an die aktuell verwendete Geräte- beziehungsweise Viewport-Größe angepasst.

Trennung von Struktur, Darstellung und Logik: Die Inhalte werden mit semantischem Markup strukturiert, mit Cascading Style Sheets formatiert und sind über das Document Object Model zugänglich für programmatische Umwandlung.
Stile (Style Sheets) für Bildschirme und Druckausgabe: Der angezeigte Inhalt wird mit Stilvorlagen für die Ausgabe auf Bildschirmen und im Druck aufbereitet.
Inhaltsverzeichnis: Alle Dokumente (sowohl Kapitel als auch vollständige Anleitungen) verfügen über hierarchische, mit Hyperlinks versehene Inhaltsverzeichnisse. Durch die responsive Formatierung wird das Inhaltsverzeichnis entweder auf der linken Seite des Dokuments oder ganz oben platziert.

Transklusion / StretchText – interaktiv: Autoren können einem Hyperlink in einem Dokument ein Attribut zuweisen, das (mittels JavaScript) den Hauptteil, den einleitenden Abschnitt oder einen anderen Abschnitt eines anderen Dokuments in das aktuelle Dokument lädt (anstatt dass das verlinkte Dokument das aktuelle Dokument ersetzt).

Typografie (Schriftart + Stilangabe): Autoren können Textinhalte mit Standardschriften oder benutzerdefinierten Schriftarten gestalten.

↻ 2025-11-20