Pular para o conteúdo
Aulas em texto, com imagens e prompts copiáveis

Aprenda a criar sites profissionais com inteligência artificial

Um passo a passo prático por tutoriais escritos e visuais: da pesquisa de referências ao site publicado. Não é preciso saber programar — você aprende a planejar, pedir o código certo à IA, revisar e colocar no ar.

Quero começar agora Ver os 10 módulos
módulos
10módulos
aulas escritas
60aulas escritas
prompts prontos
20prompts prontos

Ilustração do projeto fictício “Loja Aurora”, construído ao longo do curso.

O que você aprende

Do zero ao site publicado

Cada módulo entrega um arquivo, uma decisão ou um recurso testado — nada de teoria solta.

  • Estrutura antes do visual

    Defina objetivo, público, páginas e seções. Um site claro começa por um plano simples.

  • Mockup próprio com IA

    Pesquise referências no Google e no Pinterest, monte um moodboard e gere uma prévia original para desktop e celular.

  • Construção com IA

    Envie briefing e mockup ao Claude, receba HTML, CSS e JavaScript, salve os arquivos certos e abra no navegador.

  • Ajustes sem quebrar nada

    Aplique paleta, fontes e imagens autorizadas, corrija com prompts pontuais e guarde versões de segurança.

  • Testes e publicação

    Teste em computador e celular, revise links e acessibilidade, e publique na Vercel ou Netlify com link real.

Como funciona

Uma aula de verdade — sem vídeo

Você lê, executa no seu computador, confere a imagem e copia o prompt. Sem pausar e voltar vídeo para achar um detalhe.

  1. 01Título e objetivo
  2. 02Passos escritos
  3. 03Imagem de exemplo
  4. 04Prompt com cópia
  5. 05Resultado esperado
  6. 06Marcar como concluída

Ao lado, um trecho real do Módulo 5 — Construindo o site com Claude. Experimente o botão de copiar e o checklist.

Módulo 5 · Aula 2

Peça os três arquivos básicos

Passo a passo

  1. Passo 1: Solicite index.html, styles.css e script.js, indicando a função de cada um.
  2. Passo 2: Confirme que index.html referencia CSS e JavaScript com caminhos relativos corretos.
  3. Passo 3: Peça um resumo das funcionalidades realmente implementadas.
Ilustração didáticaIlustração didática — no curso, cada etapa tem sua imagem ampliável.

Ilustração: pasta do site com index.html, styles.css e script.js aberta no navegador

100%
Ilustração: pasta do site com index.html, styles.css e script.js aberta no navegador

Ilustração didática — no curso, cada etapa tem sua imagem ampliável.

Prompt 1 — Gerar HTML/CSS/JS
Você é desenvolvedor front-end. Crie um site estático completo para Loja Aurora usando HTML semântico, CSS responsivo e JavaScript simples. Siga este briefing [COLE] e este mockup [DESCREVA/ANEXE]. Entregue index.html, styles.css e script.js separadamente, sem frameworks, com menu, hero, cards, sobre e contato. Diga como abrir localmente.

Troque os trechos entre colchetes antes de enviar.

Checklist do módulo (demonstração)

0/4

Demonstração: na área do aluno, cada item fica salvo na sua conta.

Resultado esperado

Primeiro pacote de código gerado.

O processo

Um caminho claro, etapa por etapa

O mesmo projeto evolui do Módulo 1 ao 10, para você ver cada decisão se transformar em resultado.

  1. Etapa 1Referência visual
  2. Etapa 2Mockup
  3. Etapa 3Plano do site
  4. Etapa 4Construção com IA
  5. Etapa 5Personalização
  6. Etapa 6Testes
  7. Etapa 7Publicação

Conteúdo do curso

Os 10 módulos do Criação de Sites com IA

Clique em um módulo para ver o que você vai fazer e o que entrega ao final.

  • 01Boas-vindas ao curso6 aulas escritas · prática com prompts

    Entender a jornada e preparar a organização do projeto.

    Entrega: Projeto pronto para começar.

  • 02Ferramentas que vamos usar6 aulas escritas · prática com prompts

    Entender o papel e preparar o acesso às ferramentas principais.

    Entrega: Checklist de ferramentas concluído.

  • 03Pesquisa de referências e criação do mockup6 aulas escritas · prática com prompts

    Pesquisar boas referências e criar uma prévia original para desktop e celular.

    Entrega: Mockup final aprovado para o planejamento.

  • 04Planejamento do site com IA6 aulas escritas · prática com prompts

    Transformar o visual aprovado em requisitos, mapa de páginas e textos.

    Entrega: Briefing pronto para construção.

  • 05Construindo o site com Claude6 aulas escritas · prática com prompts

    Gerar os arquivos do site, salvar corretamente e abrir no navegador.

    Entrega: Versão inicial estável.

  • 06Personalização e identidade visual6 aulas escritas · prática com prompts

    Ajustar a aparência para que o site combine com a prévia aprovada.

    Entrega: Visual coeso em desktop e mobile.

  • 07Funcionalidades essenciais6 aulas escritas · prática com prompts

    Conectar navegação, botões e contato sem simular funções inexistentes.

    Entrega: Site interativo validado.

  • 08Testes e ajustes finais6 aulas escritas · prática com prompts

    Corrigir problemas em computador e celular antes da entrega.

    Entrega: Versão aprovada para publicação.

  • 09Publicação do site6 aulas escritas · prática com prompts

    Publicar um site estático e validar a URL pública em diferentes dispositivos.

    Entrega: Site online e link documentado.

  • 10Complementos e entrega final6 aulas escritas · prática com prompts

    Finalizar conteúdo, documentação, backup e pacote de entrega.

    Entrega: Projeto concluído e documentado.

Exemplos

Veja o projeto evoluir

Ilustrações do projeto demonstrativo usado no curso. A Loja Aurora é fictícia — não é cliente real.

  • Mockup desktop + celular — projeto demonstrativo fictícioProjeto demonstrativo

    Mockup desktop + celular

    Prévia original criada a partir das referências (Módulo 3).

  • Antes e depois da personalização — projeto demonstrativo fictícioProjeto demonstrativo

    Antes e depois da personalização

    Do rascunho ao estilo da marca (Módulo 6).

  • Versão publicada para conferência — projeto demonstrativo fictícioProjeto demonstrativo

    Versão publicada para conferência

    Teste do link público em computador e celular (Módulo 9).

Acesso

Comece hoje o seu primeiro site com IA

Curso principal

WebMolda — Criação de Sites com IA

R$ 47,00pagamento único

  • 10 módulos e 60 aulas 100% escritas
  • 20 prompts prontos com botão de copiar
  • Imagens explicativas ampliáveis em cada etapa
  • Checklists de conclusão salvos na sua conta
  • Projeto prático do início ao fim (Loja Aurora)
  • Certificado de conclusão WebMolda com código de verificação
  • Suporte pela área do aluno, em dias úteis
Ir para o pagamento seguro

Você será levado ao checkout do nosso parceiro de pagamentos. O acesso é liberado após a confirmação do pagamento.

Adicional opcional no checkout

WebMolda Leads

+ R$ 15,00

Minicurso escrito para quem quer encontrar, avaliar e abordar possíveis clientes para criação de sites — com pesquisa manual no Google Maps, qualificação honesta e proposta transparente.

  • 6 módulos e 24 aulas escritas
  • Modelos de mensagem e proposta copiáveis
  • Sem promessa de clientes ou renda
Conhecer o WebMolda Leads

Dúvidas

Perguntas frequentes

Preciso saber programar?

Não. O curso parte do zero: você aprende a planejar o site, pedir o código à IA com prompts prontos, salvar os arquivos corretamente e testar no navegador. Ler com atenção e seguir os passos é o que importa.

O curso é em vídeo?

Não. As aulas são 100% escritas: texto direto, etapas numeradas, imagens explicativas, prompts com botão de copiar e checklists. Você estuda no seu ritmo e consulta qualquer etapa rapidamente.

Como recebo o acesso?

Depois que o pagamento é confirmado pelo checkout, enviamos um e-mail para você ativar a conta e criar sua senha. Pagamentos por boleto ou Pix podem levar algum tempo até a confirmação.

Quais ferramentas vou usar?

ChatGPT para planejar, Claude para construir o site, Google e Pinterest para pesquisar referências, e Vercel ou Netlify para publicar. Planos, limites e preços dessas ferramentas podem mudar; o curso indica onde conferir.

O conteúdo recebe atualizações?

Sim, o conteúdo é revisado quando as ferramentas mudam de forma relevante. As atualizações ficam disponíveis na sua área do aluno enquanto o curso estiver ativo.

Como funciona o suporte?

Pela área do aluno, em Suporte, você abre uma solicitação e acompanha as respostas. O atendimento é feito em dias úteis, por ordem de chegada — não é um chat 24 horas.

O que é o WebMolda Leads?

Um minicurso complementar, oferecido como adicional opcional no checkout, sobre como encontrar, avaliar e abordar possíveis clientes para criação de sites de forma manual e respeitosa. Não há garantia de clientes ou renda.

Recebo certificado?

Sim. Ao concluir 100% das aulas obrigatórias de um curso, você pode emitir um certificado de conclusão da WebMolda com código de verificação. Ele não é um diploma nem possui reconhecimento do MEC.

Seu primeiro site profissional começa com um plano

Leia, execute e publique — com prompts prontos e checklists para não pular nenhuma etapa.

Quero começar Já sou aluno