Drommo
Cursos de la Academia
AcademiaIntermedio2 lecciones · 9 min

Páginas web sin código

De una idea a una landing page que puedes copiar y publicar.

0 de 2 lecciones

Al terminar podrás

  • Planear las secciones de una página antes de pedirla.
  • Pedir cambios visuales precisos.
  • Copiar el código para usarlo en otro lugar.

Lección 1 · 5 min

Planea las secciones

Pedir una página con estructura clara.

Una landing page para un entrenador personal: portada con foto y botón "Agenda una sesión gratis", 3 beneficios, 3 planes, testimonios, preguntas frecuentes y pie con WhatsApp. Estilo moderno, negro y verde lima.

Tu turno: escribe tu promptPrompt de página web

Escribe tu propia versión para tu caso. El coach de la Academia revisa con reglas si tiene cada parte, qué le falta y te propone una versión para completar. Es al instante, no se envía al chat ni usa tu plan.

  • Tipo de página y su objetivo
  • Secciones en orden
  • Contenido real: nombre, oferta, datos
  • Estilo: colores, tipografía, ambiente y una llamada a la acción
0 / 2000

Si tienes activado el permiso de entrenamiento (Configuración → Privacidad), tu prompt y la revisión pueden usarse, sin datos personales, para mejorar los modelos de Drommo.

  1. 1

    Modo Web y tu lista

    Toca Web (1) y describe la página con sus secciones en orden, los colores y el botón que quieres (2).

    Modo Web y tu lista

Reto: Escribe la lista de secciones de tu propia página antes de pedirla.

Lección 2 · 4 min

Pide cambios precisos

Mejorar la página un cambio a la vez.

  • Nombra la sección: "en la sección de planes...".
  • Di qué y cómo: color, tamaño, orden, texto.
  • Revisa la vista previa y el código después de cada cambio.
En la sección de planes, resalta el plan del medio con una etiqueta "Más popular" y haz los botones más anchos.

Tu turno: escribe tu promptPrompt de página web

Escribe tu propia versión para tu caso. El coach de la Academia revisa con reglas si tiene cada parte, qué le falta y te propone una versión para completar. Es al instante, no se envía al chat ni usa tu plan.

  • Tipo de página y su objetivo
  • Secciones en orden
  • Contenido real: nombre, oferta, datos
  • Estilo: colores, tipografía, ambiente y una llamada a la acción
0 / 2000

Si tienes activado el permiso de entrenamiento (Configuración → Privacidad), tu prompt y la revisión pueden usarse, sin datos personales, para mejorar los modelos de Drommo.

  1. 1

    Edita una sección

    En el resultado, toca Editar (1). Ver página muestra la vista previa y Ver código el HTML.

    Edita una sección
  2. 2

    Di qué cambiar

    Elige la sección (2), escribe el cambio (3) y toca Aplicar cambio (4). Solo se reescribe esa sección.

    Di qué cambiar

Reto: Haz tres cambios a tu página y quédate con el que más te guste.

Examen final y certificado

Responde las preguntas. Con 80 % o más obtienes tu certificado de la Academia Drommo con tu nombre y la fecha en que terminaste. Puedes intentarlo las veces que quieras.

Inicia sesión para presentar el examen y obtener tu certificado.

En la documentación

    Páginas web sin código | Drommo