Impostazione dello stile nelle pagine di documentazione con CSS

Dr.Explain ti offre la possibilità di modificare la struttura e l'aspetto delle tue pagine di aiuto, personalizzando gli stili utilizzando il CSS. Puoi adattare l'aspetto del tuo manuale in modo semplice o avanzato in base alle tue esigenze.

Per creare un manuale online che si distingua veramente, non è sufficiente solo un contenuto di alta qualità. Hai anche bisogno di un layout ben progettato con menu chiari, navigazione ed elementi interattivi. Dr.Explain fornisce tutti gli strumenti per stilizzare le pagine del tuo manuale e organizzarne la struttura.

Se non hai familiarità con il CSS, puoi facilmente personalizzare lo stile visivo applicando temi di colore già pronti, che puoi regolare in base alle tue esigenze. Per coloro che conoscono il CSS (Cascading Style Sheets), questo strumento di authoring per help ti permette di perfezionare l'aspetto e persino il comportamento di ogni elemento nella tua guida online per un controllo creativo completo.

Perché ho bisogno del CSS?

Il CSS è il codice che definisce l'aspetto degli elementi su una pagina web. Quando si utilizza il CSS, il tuo file HTML deve solo definire la struttura e il contenuto della pagina — i blocchi, il loro layout e cosa c'è dentro. Il CSS controlla quindi l'aspetto visivo di quei blocchi.

Questo approccio, che separa il contenuto dalla sua presentazione, rende la progettazione e la manutenzione delle pagine web molto più semplici. Dr.Explain utilizza lo stesso metodo quando genera pagine per l'aiuto online o per i file di aiuto CHM.

Come applicare il proprio CSS?

Per personalizzare il CSS per il tuo manuale online in Dr.Explain, utilizza il pulsante "CSS aggiuntivo" che trovi nel menu "Esportazione HTML" delle opzioni del progetto.

Personalizzare lo stile della tua documentazione

Dr.Explain offre diversi modi per personalizzare lo stile della tua documentazione, permettendoti di adattarne l'aspetto alle tue esigenze e preferenze.

Utilizzo di temi nello strumento di authoring per help

Il programma include una serie di temi già pronti. Questi temi controllano colori, caratteri e altri elementi di design per garantire un aspetto coerente. Puoi personalizzare questi temi regolando le combinazioni di colori e altre impostazioni per farle corrispondere alla tua identità di marca.

Personalizzare gli stili con il CSS

Dr.Explain ti consente di utilizzare il CSS per personalizzazioni più dettagliate. Se hai conoscenze di CSS, puoi scrivere il tuo codice per controllare l'aspetto e il comportamento di specifici elementi della pagina. Questo ti dà il pieno controllo sul design, permettendoti di creare documenti unici e dall'aspetto professionale.

Per sovrascrivere il CSS per le pagine del tuo manuale online, utilizza il pulsante "CSS aggiuntivo" situato nel menu "Esportazione HTML" delle opzioni del tuo progetto.

Esempi di documentazione utente creata in Dr.Explain

L'ampia gamma di opzioni di personalizzazione ti permette di creare un documento unico che si distingua dai tuoi concorrenti. Gli screenshot seguenti mostrano esempi di documentazione utente reale creata in Dr.Explain.

Quali sono i vantaggi dell'utilizzo di Dr.Explain?

Dr.Explain offre opzioni flessibili per personalizzare l'aspetto del tuo manuale di aiuto — dai temi predefiniti semplici alla messa a punto dettagliata con il CSS. Questo ti permette di creare guide sia standard che dallo stile unico che corrispondono al tuo brand.

Parti avvantaggiato. Che tu sia un principiante o un professionista, i modelli già pronti ti aiuteranno a partire più velocemente.

Automatizza le attività di routine. Dr.Explain automatizza il lavoro manuale dispendioso in termini di tempo che di solito ti rallenta.

Opzioni di esportazione avanzate. Il software non si limita a esportare il tuo documento in diversi formati; esegue anche un controllo degli errori integrato prima della finalizzazione.

Per quale tipo di utenti è adatto Dr.Explain?

Il programma non è progettato per un solo tipo di specialista — è accessibile a utenti di qualsiasi livello di abilità. Ecco alcune delle attività che Dr.Explain può aiutarti a realizzare:

• hai bisogno di un'applicazione desktop per creare progetti ed esportarli in diversi formati;
• vuoi sviluppare il tuo progetto localmente, non su un server remoto;
• hai bisogno di uno strumento che funzioni indipendentemente da una connessione internet;
• hai bisogno della numerazione automatica per capitoli e argomenti;
• vuoi includere una funzionalità di ricerca full-text;
• stai cercando un modo semplice per gestire la struttura del tuo progetto;
• vuoi modelli già pronti che puoi personalizzare.

Cosa dicono gli utenti del supporto CSS in Dr.Explain

"Abbiamo ottenuto una documentazione dall'aspetto molto migliore e più chiara, con un look più professionale, e possiamo produrre nuova documentazione più velocemente e con meno frustrazione. Cosa si può chiedere di più?".

Jim, lo sviluppatore del progetto CNC Simulator

"Negli ultimi mesi abbiamo aggiornato i nostri siti web a un formato "responsive" e abbiamo aggiornato a Dr.Explain versione 5 in modo da poter produrre anche documenti di aiuto HTML responsive da aggiungere alla nostra presenza online".

Bob Grimshaw, fondatore di C-A-Solutions

Domande Frequenti

Altro

• Personalizza lo stile grafico di manuali online e file di guida
• Interattività
• Modelli HTML