Conhecimento Modelos HTML

Modelos HTML Editáveis para Sites de Ajuda

Os Modelos HTML para Sites de Ajuda são sites completos de documentação e centros de ajuda, entregues como arquivos editáveis. O conjunto de páginas é muito semelhante a qualquer outro, com uma página inicial, listas de categorias, páginas de artigos e um formulário de contato. O que muda é a forma como você os personaliza, pois tudo está no código-fonte, onde um desenvolvedor edita diretamente a marcação, as classes e a ordem dos blocos.

Conteúdo do Download

Os pacotes variam, embora a maioria contenha muito mais do que algumas páginas:

1. Modelos de artigos e categorias que você copiará para cada nova entrada;

2. Elementos de navegação, como breadcrumbs, barra lateral e sumário;

3. Elementos interativos, como um campo de busca, um FAQ em formato de acordeão ou seções com abas;

4. Um formulário de contato ou de solicitação de suporte que você pode direcionar para o seu próprio método de envio.

Verificar quais desses itens realmente existem é a primeira tarefa. Um campo de busca e um acordeão dependem de scripts incluídos no modelo, e um pacote sem eles deixa esse comportamento para você implementar.

Criando Mais um Artigo Sem Recomeçar

Adicionar uma entrada a um modelo já existente geralmente funciona assim:

1. Copie o arquivo do artigo e substitua o título, o texto e os links pelo novo;

2. Adicione a entrada à sua lista de categorias e à árvore de navegação;

3. Verifique se os breadcrumbs e os links relacionados apontam para onde deveriam.

Essa rotina permanece curta apenas enquanto o padrão se mantiver. Quando cada procedimento mantém seu título, seus passos e seus links relacionados na mesma ordem, um editor abre um arquivo e sabe onde procurar. Níveis de título que seguem o conteúdo, listas de procedimentos e links para entradas relacionadas valem a pena serem inspecionados na demonstração, já que essa organização é o que você herda em cada página que copia.

Telas Estreitas e Material de Referência Denso

Artigos de referência contêm parágrafos longos, termos com links e capturas de tela. Tabelas e exemplos de código são a parte problemática, pois não se adaptam bem a tamanhos menores e geralmente precisam de sua própria área de rolagem.

Os Modos Responsivos do Nicepage abrangem desde telas grandes de desktop até celulares na vertical. Abra uma página de artigo com sua barra lateral e controle de busca nessas visualizações, já que esses elementos são carregados primeiro.

Antes de confirmar as alterações, observe três aspectos na demonstração: o conjunto de páginas obtido, como o código-fonte é organizado após a abertura de um arquivo e como um artigo se comporta em um celular. Um pacote que atenda a todos os três critérios permite que você escreva a documentação em vez de reconstruir a estrutura do projeto.