Carregando...
HTMELAH Logo

Bem-vindo ao HTMELAH

Entre com sua conta para continuar

OU

HTMELAH Logo

HTMELAH

Novo Projeto Abrir Pasta... Alterar Pasta Raiz... Abrir Projeto Salvo...
Salvar Salvar Como... Baixar Projeto (.zip)
DesfazerCtrl+Z RefazerCtrl+Y
Copiar Código Recarregar Arquivo
✔ Arquivos
%
✔ Assistente IA
%
✔ Editor
%
✔ Visualização
%

Restaurar Layout Padrão
Visualizar Web (Tela Cheia)
Padrão (Flexível)
iPhone›
16 Pro Max440x956 16 Plus | 15/14 Pro Max430x932 14 Plus | 13/12 Pro Max428x926 11 Pro Max | 11 | XR414x896 8 Plus | 7 Plus | 6S Plus414x736 16 Pro402x874 16 | 15/14 Pro/Plus393x852 13/13 Pro | 12/12 Pro390x844 12 mini | 11 Pro | XS | X375x812 SE (3ª) | 8 | 7 | 6s375x667 SE (1ª)320x568
iPad›
Pro 12.9" (3-6ª)1024x1366 Pro 11" (1-4ª)834x1194 Air (4-5ª)820x1180 Pro 10.5"834x1112 7-9ª (10,2")810x1080 5-6ª (9,7")768x1024 mini 6744x1133
Galaxy›
S25/S24/S22 Ultra384x824 S25/S24/S22 Plus384x832 S25/S24/S23/S22360x780 S23 Ultra412x878 S23 Plus393x851 S21 Ultra | S20+384x854 S21 | S20360x800 S20 Ultra412x915 S10+412x869 S10360x760
Pixel›
9 Pro | 8 Pro448x998 9 | 8/8a | 7/7a | 6/6a412x915 7 Pro | 6 Pro412x892 5 | 4a/4a 5G393x851 4 XL412x869 4393x830 3a XL | 2 XL412x823 3a393x808 3 XL412x846 3393x786 2 | XL | Pixel (1ª)412x732

Personalizar...
Guia do Usuário HTMELAH FAQ Sobre o HTMELAH

Arquivos

Assistente IA

Olá! Faça login para usar o assistente de IA e gerenciar seus projetos.

Visualização

Abrir Projeto Salvo

Resolução Personalizada

Perfil do Usuário

Sua chave é armazenada de forma segura na nuvem.

Guia do Usuário HTMELAH

Bem-vindo ao HTMELAH!

Este guia irá ajudá-lo a explorar todas as funcionalidades do HTMELAH, um ambiente de desenvolvimento web completo com assistente de IA, edição visual e muito mais.

Primeiros Passos

Para começar, você precisa fazer login com sua conta Google ou com e-mail e senha. Após o login, você pode:

  • Novo Projeto: Vá em Arquivo > Novo Projeto para iniciar um projeto com um arquivo index.html básico.
  • Abrir Pasta: Selecione Arquivo > Abrir Pasta... para carregar um projeto existente do seu computador. Isso lhe dá acesso a todos os arquivos e mídias da pasta.

Configurando o Assistente de IA (API Key)

Para usar o poderoso Assistente de IA, você precisa de uma chave de API gratuita do Google Gemini.

Como obter sua API Key:

  1. Acesse o Google AI Studio.
  2. Faça login com sua Conta Google.
  3. Clique no botão "Get API key" (Obter chave de API) no canto superior esquerdo.
  4. Na janela que abrir, clique em "Create API key in new project" (Criar chave de API em um novo projeto).
  5. Uma chave será gerada. Clique no ícone ao lado dela para copiar.
  6. No HTMELAH, clique no seu nome de usuário (canto superior direito), vá para a aba "API Key", cole a chave no campo e clique em "Salvar Chave".

Pronto! O assistente de IA estará configurado e pronto para ajudar.

Visão Geral da Interface

  • Painel de Arquivos: Mostra a estrutura do seu projeto. Clique com o botão direito para renomear, duplicar ou excluir arquivos e pastas.
  • Assistente IA: Seu copiloto de programação. Peça para ele criar ou modificar código, tirar dúvidas, etc. Use o botão de recarregar para reiniciar a conversa.
  • Editor de Código: Onde a mágica acontece. Possui abas para arquivos abertos e uma função de busca (Ctrl+F ou Cmd+F).
  • Painel de Visualização: Veja seu site em tempo real. Use os botões no cabeçalho para testar em diferentes resoluções, inspecionar elementos ou usar a edição visual.

Recursos Principais

  • Salvando Projetos: Use Arquivo > Salvar para salvar o estado atual do seu projeto no navegador. Isso inclui o código e uma referência à sua pasta local.
  • Trabalhando com Mídias: Para que imagens e vídeos locais funcionem, você precisa ter aberto a pasta raiz do projeto. Se você mover a pasta, use Arquivo > Alterar Pasta Raiz... para reconectar o HTMELAH ao novo local.
  • Edição Visual: Clique em "Edição Visual" no painel de Visualização. Isso torna o conteúdo da página diretamente editável, com uma barra de ferramentas similar a um editor de texto.
  • Inspetor de Elementos: Ative o "Inspecionar Elemento" para destacar elementos na visualização ao passar o mouse. Clicar em um elemento o levará diretamente à linha de código correspondente no editor.

Seu Perfil e Configurações

Clique no seu nome de usuário no topo para abrir seu perfil. Lá você pode:

  • Mudar seu nome de exibição.
  • Alterar o tema da interface (Claro/Escuro).
  • Personalizar o prompt padrão da IA para ajustar seu comportamento.
  • Gerenciar sua API Key e senha.

PWA e Uso Offline

O HTMELAH é um Progressive Web App (PWA). Isso significa que você pode "instalá-lo" em seu computador ou celular para uma experiência de aplicativo nativo. Após o primeiro acesso, ele também funciona offline, permitindo que você continue trabalhando mesmo sem internet.

Perguntas Frequentes (FAQ)

Problemas Comuns e Soluções

1. O Assistente de IA diz que minha API Key é inválida. O que eu faço?

Isso geralmente acontece por três motivos: a chave foi copiada incorretamente, expirou ou não tem permissões.
Solução: Siga os passos no Guia do Usuário para gerar uma nova chave de API no Google AI Studio. Copie-a com cuidado e cole-a novamente no seu perfil (canto superior direito > Perfil > Aba API Key).

2. Minhas imagens e vídeos locais não aparecem na visualização. Por quê?

A visualização precisa saber de qual pasta no seu computador buscar os arquivos de mídia.
Solução: Se você abriu um projeto salvo, certifique-se de que deu permissão para o HTMELAH acessar a pasta raiz original. Se você moveu a pasta do projeto, use a função Arquivo > Alterar Pasta Raiz... e aponte para o novo local da pasta no seu computador. Isso religará os caminhos relativos.

3. Salvei meu projeto, mas quando o abro, parece que perdi algumas alterações.

O salvamento no HTMELAH acontece de duas formas: automaticamente no editor a cada segundo enquanto você digita, e manualmente no banco de dados do seu navegador quando você clica em Arquivo > Salvar. Para garantir que tudo seja persistido, sempre use o comando "Salvar" antes de fechar a aba.

4. A função "Abrir Pasta" não funciona.

O HTMELAH usa tecnologias web modernas. Esta função é totalmente compatível com navegadores baseados em Chromium para desktop, como Google Chrome, Microsoft Edge e Opera. Infelizmente, ela não funcionará no Firefox ou Safari no momento.

Sobre o Editor

HTMELAH Logo

Editor Visual de HTML

HTMELAH V 1.0.0

Copyright © 2026 ELA Holding

ELA Holding Logo

Todos os direitos reservados

Renomear Duplicar Baixar Excluir