Personnalisation des pages de la documentation avec CSS
Dr.Explain vous permet de modifier la structure et l'apparence de vos pages d'aide, et de personnaliser les styles en utilisant le CSS. Vous pouvez ajuster l'apparence de votre manuel pour qu'il soit aussi simple ou avancé que nécessaire.
Pour créer un manuel en ligne qui se démarque vraiment, un contenu de haute qualité ne suffit pas. Vous avez également besoin d'une mise en page bien conçue avec des menus clairs, une navigation et des éléments interactifs. Dr.Explain fournit tous les outils pour styliser les pages de votre manuel et organiser leur structure.
Si vous n'êtes pas familier avec le CSS, vous pouvez facilement personnaliser le style visuel en appliquant des thèmes de couleurs prêts à l'emploi, que vous pouvez ajuster selon vos besoins. Pour ceux qui connaissent le CSS (Cascading Style Sheets), cet outil de création d'aide vous permet de peaufiner l'apparence et même le comportement de chaque élément de votre guide en ligne pour un contrôle créatif complet.
Pourquoi ai-je besoin du CSS?
Le CSS est un code qui définit l'apparence des éléments d'une page web. Lorsque vous utilisez du CSS, votre fichier HTML a seulement besoin de définir la structure et le contenu de la page — les blocs, leur agencement et ce qu'ils contiennent. Le CSS contrôle ensuite l'apparence visuelle de ces blocs.
Cette approche, qui sépare le contenu de sa présentation, simplifie considérablement la conception et la maintenance des pages web. Dr.Explain utilise cette même méthode lors de la génération des pages pour l'aide en ligne ou les fichiers d'aide CHM.
Comment appliquer votre propre CSS?
Pour personnaliser le CSS de votre manuel en ligne dans Dr.Explain, utilisez le bouton "CSS supplémentaire" situé dans le menu "Exportation HTML" des options de votre projet.
Personnalisation du style de votre documentation
Dr.Explain propose plusieurs façons de personnaliser le style de votre documentation, vous permettant d'adapter son apparence à vos besoins et préférences.
Utilisation des thèmes dans l'outil de création d'aide
Le programme inclut un ensemble de thèmes prêts à l'emploi. Ces thèmes contrôlent les couleurs, les polices et d'autres éléments de design pour garantir une apparence cohérente. Vous pouvez personnaliser ces thèmes en ajustant les jeux de couleurs et d'autres paramètres pour correspondre à l'identité de votre marque.
Personnalisation des styles avec le CSS
Dr.Explain vous permet d'utiliser le CSS pour une personnalisation plus détaillée. Si vous avez des connaissances en CSS, vous pouvez écrire votre propre code pour contrôler l'apparence et le comportement d'éléments de page spécifiques. Cela vous donne un contrôle total sur le design, vous permettant de créer des documents uniques et d'apparence professionnelle.
Pour remplacer le CSS des pages de votre manuel en ligne, utilisez le bouton "CSS supplémentaire" situé dans le menu "Exportation HTML" des options de votre projet.
Exemples de documentation utilisateur créée avec Dr.Explain
Le large éventail d'options de personnalisation vous permet de créer un document unique qui se distingue de vos concurrents. Les captures d'écran ci-dessous montrent des exemples de réelles documentations utilisateur créées avec Dr.Explain.
Quels sont les avantages de Dr.Explain?
Dr.Explain offre des options flexibles pour personnaliser l'apparence de votre manuel d'aide — des thèmes pré-construits simples au réglage minutieux avec le CSS. Cela vous permet de créer des guides à la fois standards et au style unique correspondant à votre marque.
Prenez de l'avance. Que vous soyez débutant ou professionnel, les modèles prêts à l'emploi vous aideront à démarrer plus rapidement.
Automatisez les tâches routinières. Dr.Explain automatise le travail manuel fastidieux qui vous ralentit habituellement.
Options d'export avancées. Le logiciel ne se contente pas d'exporter votre document vers différents formats; il effectue également une vérification intégrée des erreurs avant la finalisation.
À quel type d'utilisateurs Dr.Explain est-il adapté?
Le programme n'est pas conçu pour un seul type de spécialiste — il est accessible aux utilisateurs de tous niveaux de compétence. Voici quelques-unes des tâches que Dr.Explain peut vous aider à accomplir:
- vous avez besoin d'une application de bureau pour créer des projets et les exporter vers différents formats;
- vous voulez développer votre projet localement, et non sur un serveur distant;
- vous avez besoin d'un outil qui fonctionne indépendamment d'une connexion Internet;
- vous avez besoin d'une numérotation automatique pour les chapitres et les rubriques;
- vous voulez inclure une fonctionnalité de recherche en texte intégral;
- vous cherchez un moyen facile de gérer la structure de votre projet;
- vous voulez des modèles prêts à l'emploi que vous pouvez personnaliser.
Avis des utilisateurs sur le support CSS dans Dr.Explain
"Nous avons obtenu une documentation bien meilleure, plus claire et d'apparence plus professionnelle, et nous pouvons produire de nouvelles documentations plus rapidement et avec moins de frustration. Que demander de plus?".
Jim, le développeur du projet CNC Simulator
"Nous avons mis à jour nos sites web vers un format 'responsive' au cours des derniers mois, et nous sommes passés à la version 5 de Dr.Explain afin de pouvoir également produire des documents d'aide HTML responsives à ajouter à notre présence en ligne".
Bob Grimshaw, le fondateur de C-A-Solutions
Questions Fréquemment Posées
Qu'est-ce que le CSS?
En termes techniques, le CSS (Cascading Style Sheets) est le code qui contrôle l'apparence et la mise en page d'une page web.
Puis-je personnaliser le style des pages sans connaître le CSS?
Absolument. Vous pouvez utiliser les outils de Dr.Explain sans aucune connaissance technique particulière.
Puis-je exporter les paramètres d'un projet vers un autre?
Oui. Ceci est particulièrement pratique lorsque vous souhaitez utiliser la même configuration dans plusieurs projets. Vous pouvez importer tous les paramètres en une fois, ou seulement des paramètres spécifiques.
Y a-t-il un mode de prévisualisation pour les documents avant l'exportation?
Oui. Le mode de prévisualisation est disponible pour les quatre formats de documentation.