Node Network

Selecionar Ícone

Manual de Uso - Site Map Builder

Introdução

O Site Map Builder é uma ferramenta visual para criar e gerenciar mapas de site interativos. Você pode adicionar páginas, personalizar cores, ícones e organizar a estrutura hierárquica do seu site.

Criando Páginas

1

Digite o nome da página no campo "Nome da página" ou deixe vazio para usar "Nó id."

2

Clique em "Adicionar Página" ou pressione Enter

3

Para criar subpáginas, selecione uma página existente e adicione uma nova

4

Múltiplas páginas: Digite "Página 1, Página 2, Página 3" para criar várias de uma vez

5

Nome automático: Deixe em branco para usar o nome do emoji selecionado

Personalização

Edição de Nomes

• Clique no nome na lista lateral
• Digite o novo nome
• Pressione Enter para salvar

Visual Minimalista

• Nós representados por pontos simples
• Foco no conteúdo textual
• Visual limpo e profissional
• Tema automático claro/escuro

Navegação no Gráfico

Zoom e Pan

• Scroll - Zoom in/out
• 🔍+ - Aproximar
• 🔍- - Afastar
• 🔄 - Centralizar

Controle de Expansão

• 🔍 - Expandir Tudo / Recolher Tudo
• Alterna entre mostrar apenas o raiz e toda a árvore
• Centraliza automaticamente quando expande
• Interface simplificada com um único botão

Navegação por Teclado

↓ Próximo nó (mesmo que clicar no botão ↓)

↑ Nó pai (mesmo que clicar no botão ↑)

Funciona igual aos botões de navegação na interface

Reorganização Hierárquica

Drag-and-Drop na Lista

• Arrastar: Clique e arraste qualquer nó na lista
• Destacar: Nó de destino fica azul
• Soltar: Solte sobre o novo pai
• Validação: Não pode mover para descendentes

Estrutura Automática

• Hierarquia: Atualizada automaticamente
• Gráfico: Reflete mudanças em tempo real
• Salvamento: Dados persistidos no navegador
• Feedback: Visual durante o arrastar

Gerenciamento

Seleção de Nós

• Clique em um nó no gráfico
• Ou clique na lista lateral
• Nó selecionado fica destacado

Exclusão e Duplicação

• Deletar: Selecione e clique "Deletar"
• Confirmação: Confirme operações destrutivas

Exportação

JSON

Exporta a estrutura completa do sitemap em formato JSON para backup ou integração

PNG

Gera uma imagem PNG do sitemap atual para documentação ou apresentação

Dicas e Truques

• Salvamento automático: Todos os dados são salvos automaticamente no navegador
• Atalhos: Use Enter para adicionar páginas rapidamente
• Múltiplas páginas: Use vírgulas: "Home, Login, Dashboard"
• Nomes automáticos: Deixe em branco para usar "Nó id."
• Hierarquia: Arraste na lista para reorganizar estrutura
• Numeração de níveis: Cada nó mostra seu nível hierárquico
• Duplicação: Duplique nós complexos para economizar tempo
• Expansão: Use controles de nível para visualizar sitemaps grandes
• Navegação: Combine zoom e expansão para melhor visualização
• Personalização: Use cores contrastantes para melhor legibilidade

Suporte

Se você encontrar problemas ou tiver sugestões, verifique se está usando um navegador moderno (Chrome, Firefox, Safari, Edge) e se o JavaScript está habilitado.

Editor de Nó:

-

Pai: -

Filhos: -

Caminho: -

Tamanho:

Cor do Texto:

Cor de Fundo:

Fonte:

Descrição do Nó (HTML)

Use as ferramentas acima para formatar o texto 0 caracteres