Saltar al contenido
Plataformas

Proyectos web

Sitios web estáticos (HTML/CSS/JS) con vista previa en vivo en un servidor de prueba, qué poner en la petición y cómo alojar el resultado.

Actualizado

En esta página
  1. Cómo se organizan los archivos
  2. Vista previa en un servidor de prueba
  3. Qué poner en la petición
  4. Verificación
  5. Alojamiento

Codexe genera sitios web estáticos en HTML, CSS y JavaScript: un sitio completo que puedes subir a cualquier alojamiento estático. No hay nada que compilar.

#Cómo se organizan los archivos

Codexe escribe un sitio web como lo haría un desarrollador: index.html (y un archivo HTML por cada página adicional) solo con el marcado, css/style.css con todos los estilos y js/main.js con todos los scripts, enlazados con rutas relativas para que la carpeta funcione dondequiera que la subas.

#Vista previa en un servidor de prueba

Abre Vista previa en la página del proyecto y el sitio se ejecuta en un servidor de prueba de Codexe, servido archivo por archivo como en un alojamiento real:

  • cada página, hoja de estilos, script e imagen se carga desde su propio archivo, y los enlaces entre páginas funcionan;
  • la vista previa se recarga sola después de cada cambio de la IA y un par de segundos después de que edites un archivo a mano;
  • el botón junto a Vista previa abre el mismo sitio en una pestaña nueva.

El sitio se ejecuta aislado de tu cuenta de Codexe: sus scripts no pueden ver tu sesión ni tus otros proyectos.

#Qué poner en la petición

  • El propósito y el público ("página de inicio para un servidor de Minecraft", "portafolio para un artista 3D").
  • Secciones o páginas y qué contiene cada una.
  • Estilo: colores, tipografías, oscuro o claro, referencias ("minimalista, como la página de inicio de un SaaS").
  • Contenido real cuando lo tengas (nombres, precios, enlaces). Si no, la IA escribe textos provisionales verosímiles que tendrás que sustituir.
  • Comportamiento: formularios, menús, animaciones y si un formulario debe enviar los datos a algún sitio de verdad.

#Verificación

Los sitios web no tienen nada que compilar; Listo significa que la generación terminó (consulta el ciclo de vida del proyecto). Revísalo en la vista previa.

#Alojamiento

El ZIP (Descargas) es un sitio web estático normal. Alójalo en cualquier servicio que sirva archivos estáticos.

Proyectos web | Codexe Docs