Background
Características do Software Dr.Explain
← Voltar à visão geral das características

Personalização de páginas de documentação com CSS



O Dr.Explain oferece a você a possibilidade de alterar a estrutura e a aparência das suas páginas de ajuda e personalizar estilos usando CSS. Você pode adaptar a aparência do seu manual para ser tão simples ou tão avançado quanto precisar.

Para criar um manual online que verdadeiramente se destaque, conteúdo de alta qualidade por si só não é suficiente. Você também precisa de um layout bem projetado, com menus, navegação e elementos interativos claros. O Dr.Explain fornece todas as ferramentas para estilizar as páginas do seu manual e organizar sua estrutura.

Se você não está familiarizado com CSS, pode personalizar facilmente o estilo visual aplicando temas de cores prontos, que você pode ajustar para atender às suas necessidades. Para aqueles que conhecem CSS (Cascading Style Sheets), esta ferramenta de criação de ajuda permite ajustar a aparência e até mesmo o comportamento de cada elemento no seu guia online para um controle criativo completo.

Por que preciso de CSS?

CSS é o código que define como os elementos em uma página web se parecem. Ao usar CSS, seu arquivo HTML só precisa definir a estrutura da página e o conteúdo — os blocos, seu layout e o que está dentro deles. O CSS então controla a aparência visual desses blocos.

Essa abordagem, que separa o conteúdo de sua apresentação, torna o design e a manutenção de páginas web muito mais simples. O Dr.Explain usa este mesmo método ao gerar páginas para ajuda online ou arquivos de ajuda CHM.

Como aplicar seu próprio CSS?

Para personalizar o CSS do seu manual online no Dr.Explain, use o botão 'CSS Adicional' encontrado no menu 'Exportar HTML' das opções do seu projeto.

Personalizando o estilo da sua documentação

O Dr.Explain oferece várias maneiras de personalizar o estilo da sua documentação, permitindo que você adapte sua aparência às suas necessidades e preferências.

Usando temas na ferramenta de criação de ajuda

O programa inclui um conjunto de temas prontos. Esses temas controlam cores, fontes e outros elementos de design para garantir uma aparência consistente. Você pode personalizar esses temas ajustando esquemas de cores e outras configurações para corresponder à identidade da sua marca.

Personalizando estilos com CSS

O Dr.Explain permite que você use CSS para personalizações mais detalhadas. Se você tem conhecimento de CSS, pode escrever seu próprio código para controlar a aparência e o comportamento de elementos específicos da página. Isso lhe dá controle total sobre o design, permitindo que você crie documentos únicos e com aparência profissional.

Para sobrescrever o CSS das páginas do seu manual online, use o botão 'CSS Adicional' localizado no menu 'Exportar HTML' das opções do seu projeto.

personalizando estilos de guia de usuário com CSS

Exemplos de documentação de usuário criada no Dr.Explain

A ampla gama de opções de personalização permite que você crie um documento único que se destaque de seus concorrentes. As capturas de tela abaixo mostram exemplos de documentação de usuário real criada no Dr.Explain.

como personalizar estilos de manual do usuário em ferramenta de criação de ajuda

exemplo de como personalizar guia de usuário com css

exemplo de manual do usuário trabalhando com css

exemplo de personalização de guia de usuário

exemplo de edição de estilo de guia de usuário

exemplo de alteração de estilo css de guia de usuário

Quais são os benefícios de usar o Dr.Explain?

O Dr.Explain oferece opções flexíveis para personalizar a aparência do seu manual de ajuda — desde simples temas pré-construídos até ajustes detalhados com CSS. Isso permite que você crie guias padrão e com estilo único que correspondam à sua marca.

Tenha uma vantagem inicial. Quer você seja um iniciante ou um profissional, os modelos prontos ajudarão você a começar e progredir mais rápido.

Automatize tarefas rotineiras. O Dr.Explain automatiza o trabalho manual demorado que geralmente o atrasa.

Opções avançadas de exportação. O software não apenas exporta seu documento para diferentes formatos; ele também realiza uma verificação de erro integrada antes da finalização.

Para que tipo de usuários o Dr.Explain é adequado?

O programa não foi projetado para apenas um tipo de especialista — ele é acessível a usuários de qualquer nível de habilidade. Aqui estão algumas das tarefas que o Dr.Explain pode ajudá-lo a realizar:

  • você precisa de um aplicativo de desktop para criar projetos e exportá-los para diferentes formatos;
  • você quer desenvolver seu projeto localmente, não em um servidor remoto;
  • você precisa de uma ferramenta que funcione independentemente de uma conexão com a internet;
  • você precisa de numeração automática para capítulos e tópicos;
  • você quer incluir uma funcionalidade de pesquisa de texto completo;
  • você está procurando uma maneira fácil de gerenciar a estrutura do seu projeto;
  • você quer modelos prontos que possa personalizar.

Usuários sobre o suporte a CSS no Dr.Explain

Jim, o desenvolvedor do projeto CNC Simulator
'Conseguimos uma documentação com aparência muito melhor, mais clara e com um visual mais profissional, e podemos produzir nova documentação mais rápido e com menos frustração. O que mais se pode pedir?'.

Jim, o desenvolvedor do projeto CNC Simulator

Bob Grimshaw, fundador da C-A-Solutions
'Nos últimos meses, temos atualizado nossos sites para um formato 'responsivo' e atualizamos para o Dr.Explain versão 5 para também podermos produzir documentos de ajuda HTML responsivos para adicionar à nossa presença online'.

Bob Grimshaw, fundador da C-A-Solutions

Perguntas Frequentes (FAQ)

O que é CSS?

Em termos técnicos, CSS (Cascading Style Sheets) é o código que controla a aparência e o layout de uma página web.

Posso personalizar o estilo da página sem conhecer CSS?

Com certeza. Você pode usar as ferramentas do Dr.Explain sem qualquer conhecimento técnico especial.

Posso exportar configurações de um projeto para outro?

Sim. Isso é especialmente útil quando você quer usar a mesma configuração em vários projetos. Você pode importar todas as configurações de uma vez, ou apenas selecionar algumas específicas.

Existe um modo de visualização para documentos antes da exportação?

Sim. O modo de visualização está disponível para todos os quatro formatos de documentação.

Veja também