📍 Lo Zárate • Cartagena • Litoral Central

Crea tu propia Página Web sin escribir código

Aprende a crear sitios web usando Inteligencia Artificial. No necesitas saber programar, solo necesitas saber pedir lo que quieres.

🌱 Un taller de 2 horas en tu comunidad.

🤖 IA como tu aliada
🌐 Web gratis online
🏠 Dominio propio
COMENZAR EL VIAJE →
Colaboración entre humano e IA

🛤️ ¿Qué haremos hoy?

💬

1. Pedir con Prompts

Le pedimos a la IA que nos cree una web completa con solo describirla

📥

2. Descargar

Guardamos el código que la IA nos da en nuestro computador

🚀

3. Subir a Netlify

Arrastramos nuestra carpeta a Netlify y ¡ya está online!

🏷️

4. Dominio .cl

Conectamos un dominio desde NIC.cl para tener tu-nombre.cl

🌿 Sobre Este Taller

UtopiaLab Cartagena

UtopiaLab · Cartagena

Este taller nace en Lo Zárate, una localidad rural del Litoral Central de Chile. Creemos que la tecnología puede ser una herramienta para fortalecer nuestras comunidades, no para alejarnos de ellas.

No necesitas ser programador, diseñador, ni tener experiencia técnica. Solo curiosidad y ganas de aprender algo nuevo.

🔗 Conoce más sobre Lo Zárate: lozarate.cl

Módulo 1: Tu Primera Web 🌱

Las herramientas que usaremos

Estas IAs son como asistentes muy inteligentes. Tú les describes lo que quieres, y ellas escriben el código por ti.

ChatGPT

Muy bueno explicando y conversando. El más conocido.

Claude

Excelente escribiendo código limpio y siguiendo instrucciones largas.

Gemini

El de Google. Rápido y conectado con su ecosistema.

El Arte de Pedir 🎨

La calidad de tu web depende de la calidad de tu descripción. Sigue esta fórmula:

1. Rol
"Eres un experto en..."
2. Contexto
"Quiero crear..."
3. Detalles
"Debe tener..."
4. Estilo
"Con colores..."
"Actúa como un desarrollador web experto. 

Crea una página web para mi emprendimiento de 
artesanías en Lo Zárate.

Requisitos:
- Sección de bienvenida con mi nombre
- Galería de fotos de mis productos
- Formulario de contacto con WhatsApp
- Colores cálidos, estilo natural y acogedor
- Que se vea bien en celulares"
                

Módulo 2: Mejorando con Antigravity 🚀

Cuando quieres ir más allá

Una vez que tu web esté arriba, podemos mejorarla usando Antigravity, una extensión de Visual Studio Code que trabaja directamente con tus archivos.

1

Planifica

El agente analiza lo que tienes y propone mejoras.

2

Ejecuta

Modifica los archivos directamente en tu proyecto.

3

Verifica

Revisa los cambios y corrige errores automáticamente.

✨ Prompts Útiles

Copia estos cuando necesites ayuda con algo específico:

🎨 Mejorar el Diseño

"Quiero que mi página se vea más moderna y profesional. Dame opciones de colores que combinen bien."

📱 Para Celulares

"Mi página no se ve bien en el teléfono. Ajústala para que se adapte a pantallas pequeñas."

🐛 Cuando algo no funciona

"Mi botón no hace nada cuando lo toco. ¿Qué puede estar mal? Aquí está mi código..."

➕ Agregar funciones

"Quiero agregar un carrusel de fotos que cambie automáticamente cada 5 segundos."

🌻 ¡Manos a la obra!

Ahora es tu turno. Abre tu navegador, entra a tu IA favorita, y comienza a describir la web que siempre quisiste tener.

ChatGPT Claude Gemini

💚 Taller organizado por UtopiaLab en Cartagena, Chile