Background
Características del Software Dr.Explain
← Volver a la descripción general de características

Definición de estilo en las páginas de documentación con CSS



Dr.Explain le ofrece la posibilidad de cambiar la estructura y apariencia de las páginas de ayuda, personalizando estilos mediante CSS. Puede adaptar el aspecto de su manual para que sea tan simple o avanzado como necesite.

Para crear un manual en línea que realmente destaque, el contenido de alta calidad por sí solo no es suficiente. También necesita un diseño bien planificado con menús claros, navegación y elementos interactivos. Dr.Explain proporciona todas las herramientas para dar estilo a las páginas de su manual y organizar su estructura.

Si no está familiarizado con CSS, puede personalizar fácilmente el estilo visual aplicando temas de color predefinidos, que puede ajustar según sus necesidades. Para quienes conocen CSS (Hojas de Estilo en Cascada), esta herramienta de creación de ayuda le permite ajustar con precisión la apariencia e incluso el comportamiento de cada elemento en su guía en línea para tener un control creativo completo.

personalizar estilos usando CSS

¿Por qué necesito CSS?

CSS es el código que define cómo se ven los elementos en una página web. Al usar CSS, su archivo HTML solo necesita definir la estructura y el contenido de la página (los bloques, su disposición y lo que contienen). El CSS luego controla la apariencia visual de esos bloques.

Este enfoque, que separa el contenido de su presentación, hace que el diseño y mantenimiento de páginas web sea mucho más sencillo. Dr.Explain utiliza este mismo método al generar páginas para ayuda en línea o archivos de ayuda CHM.

¿Cómo personalizar el estilo de su documentación?

Dr.Explain ofrece varias formas de personalizar el estilo de su documentación, permitiéndole adaptar su apariencia a sus necesidades y preferencias.

Personalización de estilos con CSS

Aplicar su propio CSS

Para personalizar el CSS de su manual en línea en Dr.Explain, use el botón "CSS adicional" que se encuentra en el menú "Exportación HTML" de las opciones de su proyecto.

Uso de temas en la herramienta de creación de ayuda

El programa incluye un conjunto de temas predefinidos. Estos temas controlan colores, fuentes y otros elementos de diseño para garantizar una apariencia coherente. Puede personalizar estos temas ajustando esquemas de color y otras configuraciones para que coincidan con la identidad de su marca.

Personalización de estilos con CSS

Dr.Explain le permite usar CSS para una personalización más detallada. Si tiene conocimientos de CSS, puede escribir su propio código para controlar la apariencia y el comportamiento de elementos específicos de la página. Esto le otorga control total sobre el diseño, permitiéndole crear documentos únicos y de apariencia profesional.

Para sobrescribir el CSS de las páginas de su manual en línea, use el botón "CSS adicional" ubicado en el menú "Exportación HTML" de las opciones de su proyecto.

Ejemplos de manuales de usuario creados en Dr.Explain

La amplia gama de opciones de personalización le permite crear un documento único que destaque entre sus competidores. Las capturas de pantalla a continuación muestran ejemplos de documentación de usuario real creada en Dr.Explain.

cómo personalizar estilos de manual de usuario en herramienta de creación de ayuda

ejemplo de cómo personalizar guía de usuario con css

ejemplo de manual de usuario trabajando con css

ejemplo de personalización de guía de usuario

ejemplo de edición de estilo de guía de usuario

ejemplo de cambiar estilo css de guía de usuario

¿Qué ventajas ofrece usar Dr.Explain?

Dr.Explain ofrece opciones flexibles para personalizar la apariencia de su manual de ayuda, desde temas predefinidos simples hasta ajustes detallados con CSS. Esto le permite crear tanto guías estándar como de estilo único que coincidan con su marca.

Comience con ventaja. Ya sea un principiante o un profesional, las plantillas predefinidas le ayudarán a ponerse en marcha más rápido.

Automatice tareas rutinarias. Dr.Explain automatiza el trabajo manual que suele ralentizarle.

Opciones de exportación avanzadas. El software no solo exporta su documento a diferentes formatos; también realiza una verificación de errores integrada antes de finalizar.

¿Para qué tipo de usuarios es adecuado Dr.Explain?

El programa no está diseñado solo para un tipo de especialista; es accesible para usuarios de cualquier nivel de habilidad. Aquí hay algunas de las tareas que Dr.Explain puede ayudarle a realizar:

  • necesita una aplicación de escritorio para crear proyectos y exportarlos a diferentes formatos;
  • desea desarrollar su proyecto localmente, no en un servidor remoto;
  • requiere una herramienta que funcione de forma independiente a una conexión a internet;
  • necesita numeración automática para capítulos y temas;
  • quiere incluir una funcionalidad de búsqueda de texto completo;
  • busca una forma sencilla de gestionar la estructura de su proyecto;
  • desea plantillas predefinidas que pueda personalizar.

Lo que dicen los usuarios sobre la compatibilidad con CSS en Dr.Explain

Jim, desarrollador del proyecto CNC Simulator
"Hemos obtenido una documentación con un aspecto mucho más atractivo, más clara y con un aspecto más profesional, y podemos producir nueva documentación más rápido y con menos frustración. ¿Qué más se puede pedir?".

Jim, desarrollador del proyecto CNC Simulator

Bob Grimshaw, fundador de C-A-Solutions
"Hemos estado actualizando nuestros sitios web a un formato responsivo (adaptable) durante los últimos meses, y hemos actualizado a Dr.Explain versión 5 para que también podamos producir documentos de ayuda HTML responsivos y añadirlos a nuestra presencia en línea".

Bob Grimshaw, fundador de C-A-Solutions

Preguntas frecuentes

¿Qué es CSS?

En términos técnicos, CSS (Hojas de Estilo en Cascada) es el código que controla el aspecto y el diseño de una página web.

¿Puedo personalizar el estilo de la página sin conocer CSS?

Absolutamente. Puede utilizar las herramientas de Dr.Explain sin ningún conocimiento técnico especial.

¿Puedo exportar configuraciones de un proyecto a otro?

Sí. Esto es especialmente útil cuando desea utilizar la misma configuración en múltiples proyectos. Puede importar todas las configuraciones a la vez o solo seleccionar algunas específicas.

¿Existe un modo de vista previa para documentos antes de exportar?

Sí. El modo de vista previa está disponible para los cuatro formatos de documentación.

Vea también