Pular para o conteúdo
Plataformas

Projetos web

Sites estáticos (HTML/CSS/JS) com pré-visualização ao vivo em um servidor de teste, o que colocar no pedido e como hospedar o resultado.

Atualizado

Nesta página
  1. Como os arquivos são organizados
  2. Pré-visualização em um servidor de teste
  3. O que colocar no pedido
  4. Verificação
  5. Hospedagem

O Codexe gera sites estáticos em HTML, CSS e JavaScript: um site completo que você pode enviar para qualquer hospedagem de arquivos estáticos. Não há nada para compilar.

#Como os arquivos são organizados

O Codexe escreve um site do jeito que um desenvolvedor escreveria: index.html (e um arquivo HTML para cada página extra) só com a marcação, css/style.css com todos os estilos e js/main.js com todos os scripts, ligados por caminhos relativos para que a pasta funcione em qualquer lugar para onde você a enviar.

#Pré-visualização em um servidor de teste

Abra Pré-visualização na página do projeto e o site roda em um servidor de teste do Codexe, servido arquivo por arquivo como em uma hospedagem real:

  • cada página, folha de estilos, script e imagem carrega do seu próprio arquivo, e os links entre as páginas funcionam;
  • a pré-visualização recarrega sozinha depois de cada alteração da IA e alguns segundos depois de você editar um arquivo à mão;
  • o botão ao lado de Pré-visualização abre o mesmo site em uma nova aba.

O site roda isolado da sua conta do Codexe: os scripts dele não conseguem ver a sua sessão nem os seus outros projetos.

#O que colocar no pedido

  • O objetivo e o público ("landing page para um servidor de Minecraft", "portfólio para um artista 3D").
  • As seções ou páginas e o que cada uma contém.
  • O estilo: cores, fontes, tema escuro ou claro, referências ("minimalista, como a landing page de um SaaS").
  • Conteúdo real quando você tiver (nomes, preços, links). Caso contrário, a IA escreve textos provisórios plausíveis que você vai precisar substituir.
  • O comportamento: formulários, menus, animações e se um formulário deve realmente enviar dados para algum lugar.

#Verificação

Sites não têm nada para compilar; Pronto significa que a geração terminou (veja o ciclo de vida do projeto). Confira na pré-visualização.

#Hospedagem

O ZIP (Downloads) é um site estático comum. Hospede-o em qualquer lugar que sirva arquivos estáticos.

Projetos web | Codexe Docs