Crie seu primeiro site
com Mini App AI
Hoje você aprenderá como sites reais são construídos 🚀
O que é um site?
Um lugar na internet. Uma coleção de páginas. Uma maneira de compartilhar informações.
Site da escola
Página de negócios
Portfólio
O que é o Mini App AI?
Uma ferramenta de IA que ajuda você a criar sites usando comandos de texto simples.
Você descreve (O Prompt)
IA Processa (O Construtor)
Site Aparece (O Resultado)
Como os sites são feitos
Todo site moderno é construído usando seções empilhadas.
Seu Primeiro Projeto
Vamos construir um site escolar simples e moderno.
- Barra de Navegação
- Seção Hero
- Botões e Layout Limpo
Como escrever um bom comando
Quanto melhores forem suas instruções, melhor será o site.
❌ Comando Ruim
"Criar site"
Result: AI doesn't know what you want. It will guess, and you might not like it.
✅ Comando Bom
"Crie um site escolar moderno com uma barra de navegação, seção hero, página sobre, design glassmorphism e tema de cores azul/ciano."
Result: AI understands exactly what to build and gives you a professional result.
A Estrutura do Comando
Um comando forte tem 5 ingredientes principais:
Processo de Geração por IA
Sua ideia se torna um site real bem diante dos seus olhos.
Welcome to the Future
Entendendo o site
Clique em qualquer seção para ver como funciona e por que é importante.
👈 Clique em uma seção à esquerda para saber mais sobre ela!
Como melhorar seu site
Design é sobre clareza. Compare estes dois layouts.
Welcome to My Site
Clean, readable, and easy on the eyes.
Corrija este prompt!
Este prompt é muito vago. Clique nas peças que faltam para corrigi-lo.
Desafio da Sala de Aula 🏆
Agora é sua vez de se tornar um criador.
-
1. Escreva seu próprio prompt.
-
2. Gere um site.
-
3. Melhore seu design.
Você acabou de construir seu primeiro site 🎉
Criadores não apenas usam a internet — eles a constroem.