El impresionante proceso de generación de páginas web de HTML adaptable de HelpNDoc se puede personalizar para añadir un logo, CSS modificado y código JavaScript, strings traducidas y más… Comprobemos lo fácil y rápido que es producir páginas web de documentación HTML auténticamente personalizadas usando HelpNDoc.
Añadir un logo personalizado a la biblioteca del proyecto
La biblioteca incluye todos los elementos reutilizables audiovisuales (imágenes, vídeos, documentos…) disponibles en el proyecto.

Para añadir la imagen de logo deseada a la biblioteca del proyecto son necesarios unos cuantos pasos sencillos:
- Desde la pestaña “Inicio” de HelpNDoc, en el grupo “Biblioteca”, haz clic en “Añadir ítem”
- Haz clic en “Añadir imagen”
- Haz clic en “Incluir archivo” para buscar el logo deseado en el disco duro, o bien arrástralo desde Windows Explorer y suéltalo en el panel de vista previa
- Haz clic en “OK”
El logo ya forma parte de tu proyecto y está guardado en tu archivo HND de proyecto. Puede utilizarse en cualquiera de los temas presentes en el proyecto, así como en los ajustes de disposición personalizada.
Personalizar ajustes de disposición HTML
HelpNDoc es capaz de generar un lote de disposiciones de documentación a partir de una sola fuente. Cada disposición se puede personalizar para una compañía, un producto, o un grupo demográfico específico…
Definir los ajustes de la disposición personalizada de la documentación es facilísimo en HelpNDoc:
- Desde la pestaña “Inicio”, haz clic en la parte superior del botón “Generar ayuda” para que aparezca el cuadro de diálogo “Generar documentación”
- Selecciona la disposición que quieras personalizar en la lista: “Crear documentación HTML”
- Haz clic en “Personalizar” a la derecha si todavía no se ven las pestañas de personalización
- Navega hasta la pestaña “Ajustes de plantilla”

A partir de ahí, puede utilizarse el campo CSS personalizado para añadir código CSS específico y el campo JavaScript personalizado para añadir código JavaScript específico, y así personalizar el aspecto, dinámica y comportamiento de la página web de documentación generada. Para definir un logo personalizado, simplemente selecciona la imagen recién incluida usando el campo Logo. También puede usarse el campo Enlace de logo para especificar una URL a la que enlazar cuando el usuario final haga clic en el logo. Hay disponibles varios ajustes de plantilla más para cada disposición, como campos para traducir tu documentación a otros idiomas.
Así de fácil y rápido es personalizar tu página web HTML de documentación generada: añadiendo en un momento un logo, CSS o código JavaScript personalizado, strings localizadas… podrás estar seguro de estar produciendo la página web de documentación más útil y con mejor aspecto para tus usuarios finales. Si todavía no lo has hecho, te animamos a descarga la edición gratuita de HelpNDoc para experimentar con esta potente herramienta de creación de documentación de ayuda.
Ver también
- El Futuro de la Documentación: Cómo las herramientas de creación de documentación de ayuda están capacitando a escritores técnicos y organizaciones
- Cerrando la brecha entre profesores y estudiantes: aprovechar el poder de las herramientas de creación de documentación de ayuda para crear contenido atractivo
- Cómo pueden los escritores técnicos incluir código PHP en su documentación online
- Cómo crear un archivo de ayuda CHM: utiliza un software moderno de creación de documentación de ayuda en vez del anticuado HTML Help Workshop
- ¿por qué utilizar una herramienta de creación de documentación de ayuda en vvezz de Microsoft Word para producir documentación de alta calidad?