Anpassen des Designs der Benutzerdokumentation mit CSS

Dr.Explain bietet zahlreiche Möglichkeiten zur Anpassung der Struktur und des Erscheinungsbilds von Hilfeseiten. Wenn Sie über Kenntnisse in CSS (Cascading Style Sheets) verfügen, können Sie Ihren eigenen CSS-Code schreiben, der das Aussehen und Verhalten bestimmter Seitenelemente definiert.

Damit ein Online-Handbuch ein ansprechendes Erscheinungsbild hat, reicht hochwertiger Inhalt allein nicht aus. Es muss auch das Layout der Seiten, sein Menü, die Navigation und andere interaktive Elemente durchdacht werden. Genau dafür bietet das Programm Funktionen zur Anpassung des Stils und der Struktur von Online-Handbuchseiten.

Wenn Sie mit CSS nicht vertraut sind, können Sie den visuellen Stil der Seiten ganz einfach anpassen, indem Sie voreingestellte Farbthemen verwenden, die Sie nach Ihren Bedürfnissen ändern können. Wenn Sie hingegen mit Cascading Style Sheets (CSS) vertraut sind, bietet Dr.Explain die Möglichkeit, das Aussehen und sogar das Verhalten von Elementen und Blöcken Ihres Online-Handbuchs im Detail anzupassen.

Wozu dient CSS?

CSS ist der Code, der das Aussehen von Elementen einer Internetseite bestimmt. Bei Verwendung von CSS reicht es aus, in der HTML-Datei nur die Struktur der Seite und den Inhalt zu definieren: Blöcke, ihre Anordnung und den Inhalt. Das Aussehen dieser Blöcke wird hingegen von CSS bestimmt. Dieser Ansatz, der die Inhaltsbeschreibung von deren visueller Darstellung trennt, vereinfacht das Layout und die Pflege von Webseiten erheblich. Genau dieser Ansatz wird in Dr.Explain bei der Generierung von Seiten für die Online-Hilfe oder für Hilfedateien im CHM-Format verwendet.

Um das CSS für die Elemente der mit Dr.Explain erstellten Online-Handbuchseiten anzupassen, nutzen Sie den Bereich 'Zusätzliches CSS' im Abschnitt 'HTML-Export' der Projekteigenschaften.

Wie passt man den Seitenstil der Dokumentation in Dr.Explain an?

Dr.Explain bietet mehrere Möglichkeiten, den Stil der Dokumentationsseiten anzupassen, damit Sie das Erscheinungsbild an Ihre Bedürfnisse und Vorlieben anpassen können.

Verwendung von Themes

Das Programm enthält eine Reihe voreingestellter Themes, die Farben, Schriftarten und andere Designelemente festlegen und so für ein einheitliches Erscheinungsbild sorgen. Sie können diese Themes anpassen, indem Sie Farbschemata und andere Parameter ändern, um sie an Ihr Corporate Design anzupassen.

Stilanpassung mit CSS

Für detailliertere Anpassungen erlaubt Dr.Explain die Verwendung von CSS. Wenn Sie über CSS-Kenntnisse verfügen, können Sie Ihren eigenen Code schreiben, der das Aussehen und Verhalten einzelner Seitenelemente bestimmt.

Dies gibt Ihnen die volle Kontrolle über das Design und ermöglicht die Erstellung einzigartiger und professionell aussehender Dokumente.

Im Programm Dr.Explain gibt es im Abschnitt 'HTML-Export' der Projekteigenschaften den Bereich 'Zusätzliches CSS', in dem Sie das CSS für die Elemente der Online-Handbuchseiten überschreiben können.

Beispiele für mit Dr.Explain erstellte Benutzerdokumentationen

Die umfangreichen Möglichkeiten der visuellen Gestaltung ermöglichen es, einem Dokument eine einzigartige Note zu verleihen und sich von der Konkurrenz abzuheben. Auf diesen Screenshots sehen Sie Beispiele realer, mit Dr.Explain erstellter Benutzerdokumentationen:

Welche Vorteile bieten sich Ihnen mit Dr.Explain?

Dr.Explain bietet Möglichkeiten zur flexiblen Anpassung des Erscheinungsbilds eines Benutzerhandbuchs: von einfachen voreingestellten Themes bis hin zur detaillierten Ausarbeitung mit CSS. Dies ermöglicht die Erstellung sowohl von Standard- als auch von einzigartigen Handbüchern, die Ihrem Stil entsprechen.

Automatisierung von Routineprozessen. Manuelle Arbeiten, die normalerweise viel Zeit in Anspruch nehmen, sind in Dr.Explain automatisiert.

Erweiterte Exporteinstellungen. Das Programm exportiert das Dokument nicht nur in verschiedene Formate, sondern führt auch eine vorherige Fehlerprüfung durch.

Für wen ist Dr.Explain geeignet?

• Autoren, die die Dokumentation mit vertrauten Werkzeugen vollständig an das Corporate Design ihres Unternehmens anpassen möchten.
• Technische Redakteure, die nicht standardmäßige CSS-Stile in ihrem Benutzerdokumentationsprojekt verwenden möchten.
• Teams, die für mehrere Produkte einen einheitlichen Gestaltungsstil pflegen müssen – über eine gemeinsame CSS-Datei.
• Alle, denen die Möglichkeiten fertiger Themes nicht ausreichen und die die volle Kontrolle über jedes Pixel auf der Seite benötigen.

Nutzer über die CSS-Unterstützung in Dr.Explain

'Und noch ein Punkt: Die Online-Hilfe, die man mit Dr.Explain erhält, kann leicht an den Stil der Hauptwebsite unseres Projekts angepasst werden. Aus Sicht der Benutzerfreundlichkeit und der Wahrnehmung des Produkts als Ganzes ist das immer sehr wichtig.'

Dmitry Lashkhia, Leiter der Abteilung Support und Geschäftsprozessentwicklung der Mediengruppe Aktion-MZFER

'Wir haben eine viel professionellere und klarere Dokumentation erhalten, die besser aussieht, und wir können neue Dokumentationen schneller und mit geringerem Aufwand erstellen. Was könnte man sich mehr wünschen?'

Jim, Mitarbeiter der Firma CNCSimulator

'Wir haben auf unseren Websites responsives Design eingeführt und nun auch Dr.Explain auf Version 5 aktualisiert, um responsive HTML-Hilfedokumente erstellen zu können, die unsere Online-Präsenz erweitern.'

Bob Grimshaw, Gründer der Firma C-A-Solutions

Häufig gestellte Fragen (FAQ)

Siehe auch

 
• Passen Sie den visuellen Stil Ihres Online-Handbuchs an
• Anpassen des Designs der Benutzerdokumentation mit CSS
• Forgefertigte HTML-Vorlagen