Seu HTML, fora do computador.
Um passo de cada vez.
Responsável editorial: Lucas Joaquim Cardoso · SitePerto / Store Experts
Atualizado em .
Tutorial 01 · arquivos prontos · conferido em 17 de outubro de 2026
Como produzimos este conteúdoA prévia abre com seus arquivos reais.
Ler o passo a passo da demonstração
- Reúna index.html, CSS e JavaScript no pacote completo. O arquivo deste exercício está disponível para baixar logo abaixo.
- Abra o Drop, escolha o ZIP e confira a prévia. Preserve a pasta assets para manter os estilos e as interações.
- Escolha compartilhar, configurar domínio ou editar e entre quando solicitado. Para hospedar, siga a escolha e confirmação no painel. O final mostra a versão HTML do Forma já publicada no Free.
Use o mesmo pacote do exercício.
O ZIP inclui a página inicial, os estilos e o JavaScript. As imagens e a fonte estão incorporadas ao exemplo. Você não precisa criar uma conta para conferir a prévia local.
forma-html-zip.zip ├── index.html ├── assets/ │ ├── forma.css │ └── forma.js └── LEIA-ME.txt
Ao preparar seu próprio pacote, mantenha as pastas originais. Deixar o CSS, as imagens ou o JavaScript de fora pode mudar o visual ou interromper uma interação.
Repita o percurso com o seu site.
01 · Escolha o arquivo completo.
Abra o SitePerto Drop e use Escolher arquivo ou arraste o ZIP. Para enviar uma pasta, use Escolher uma pasta. O pacote do exercício já está pronto; não é necessário descompactá-lo para enviar.
02 · Confira a prévia antes de continuar.
Veja se textos, imagens e fontes aparecem. Role a página e teste a navegação. Em seu próprio projeto, confira também páginas internas e serviços externos. Se precisar corrigir o pacote, use Trocar arquivo para escolher a versão ajustada.
03 · Escolha o próximo passo.
Compartilhar site prepara o link de apresentação; Domínio próprio segue para a configuração do endereço; Editar site abre o trabalho no painel. Entre quando solicitado e confira as condições apresentadas. A prévia local e o link compartilhável são etapas diferentes.
04 · Escolha a hospedagem e publique.
No painel, use a vaga Free disponível ou selecione um plano e siga a confirmação da publicação. O Free inclui uma hospedagem por parceiro, HTTPS e 100 MB compartilhados, sem dados de pagamento. Depois, abra o endereço público fora do painel.
As capturas mostram a prévia do ZIP e o Forma já publicado. Cadastro, escolha da hospedagem e confirmação não aparecem como uma sequência contínua no vídeo.
A entrega está pronta quando você consegue conferir.
- A página inicial e as páginas internas abrem pelo endereço público.
- Imagens, estilos e interações mantêm o resultado esperado.
- Links e formulários foram testados na versão publicada.
- Você sabe quem cuida do domínio, do conteúdo e da hospedagem.
O exemplo Forma não tem formulário nem backend. Um projeto que depende de servidor ou banco precisa de infraestrutura compatível. O limite do upload é de 100 MB, até 100 MB extraídos e 600 arquivos; a quota disponível na conta também precisa comportar o pacote.
Antes de escolher.
Posso enviar apenas o index.html?
Só quando ele contém tudo o que o site usa. No pacote deste tutorial, o CSS e o JavaScript ficam na pasta assets. Envie o ZIP ou a pasta completa para preservar esses arquivos e seus caminhos.
O tutorial usa um site de cliente?
Não. Forma é um portfólio fictício da SitePerto. O ZIP foi aberto no Drop em produção e o resultado apresentado no Free é a versão HTML do mesmo exemplo, publicada pelo painel. Não é um depoimento de cliente.
Ver a prévia já publica meu site?
Não. A prévia local permite conferir o arquivo antes do login. Compartilhar, editar e configurar domínio exigem continuar no painel. A hospedagem definitiva é escolhida depois, com uma vaga Free disponível ou um plano.
Preciso contratar um domínio para fazer o exercício?
Não. Você pode testar a prévia e usar o endereço fornecido pela plataforma. Domínio próprio é opcional; seu registro e renovação são despesas separadas da hospedagem.