s2

Sesión 2 PPT

¿Qué es una propuesta de página web?

Paso 1 – Del Boceto al Wireframe Web

Paso 2 – Preparación del entorno de trabajo (Regla de oro)

Paso 3 – Selección y optimización de imágenes

Aplicativo ASIPoP WebIA

s1

Sesión 1 PPT

Fundamentos HTML

Estructura básica y navegación de tu primera página web.

¿Qué es una página web?

Estructura HTML5 - Comparación con la construcción de un edificio.

Estructura del tipo marcos, bloques o cajas

Editor Web básico; el Bloc de Notas + Navegador

Club de Docente Digital 3.0 presenta:

 

Creación de Páginas Web con IA Qwen

Aprende a construir una website desde cero usando el poder de la Inteligencia Artificial de Qwen. 4 clases prácticas para transformar tu forma de enseñar.

<!-- Mi primera web con IA -->
<!DOCTYPE html>
<html lang="es">
  <head>
    <title>Mi Web</title>
  </head>
  <body>
    <h1>¡Hola Mundo!</h1>
    <p>Construido con Qwen 🤖</p>
  </body>
</html>

4 Clases para Dominar la Web

Un recorrido práctico y progresivo, con apoyo de IA, para que construyas tu propia landing page lista para publicar.

1

Fundamentos HTML

Estructura básica y navegación de tu primera página web.

  • ¿Qué es una página web?
  • Estructura HTML5
  • Etiquetas esenciales
  • Bloc de Notas + Navegador
2

Diseño con CSS

Dale vida visual a tu página con estilos modernos y diseño responsivo.

  • CSS integrado y selectores
  • Flexbox y Grid
  • Diseño responsivo
  • Layout de dos columnas
3

Imágenes y Videos

Domina la gestión de multimedia con carpetas organizadas.

  • Etiqueta <img> y rutas
  • Galería con Grid CSS
  • iframes de YouTube
  • Formatos WebP, JPG, PNG
4

Proyecto Final

Integra todo y publica tu landing page online con GitHub Pages.

  • Formulario de contacto
  • Header, Hero, Footer
  • Depuración con IA
  • Publicación en GitHub Pages

HTML es como Construir un Edificio

Comprende la estructura de una página web comparándola con la construcción de un edificio de departamentos.

 <html>

El Proyecto

El edificio completo. Contiene todos los demás elementos y define el marco total de la obra.

<head>

Preparativos

Financiamiento, licencias de construcción y contratación de personal. Lo que no se ve pero es esencial.

<style>

Acabados

Pintura, decoración y diseño visual. Lo que hace que el edificio sea atractivo y agradable.

<body>

Planos

La estructura principal y los espacios habitables. Donde vive el contenido visible de la web.

<script>

Instalaciones

Ductos de agua, luz, cable, internet y cámaras. La complejidad que da vida e interactividad.

Componentes de una Página Web

Todo proyecto web profesional necesita estos tres elementos fundamentales.

Dominio

La dirección web de tu página (.com, .net, .edu). Es como la dirección postal de tu edificio. Opcional al inicio, pero esencial para una web profesional.

� 

Hosting

El terreno donde se aloja tu web. En este curso usaremos Google Drive para prácticas y GitHub Pages para la publicación final.

Diseño

La construcción visual y lógica. HTML define la estructura, CSS el estilo, y JavaScript la interactividad. Todo con apoyo de Qwen IA.

Aprende con un Experto

Yuri Humberto Rojas Seminario - Instructor del Club Docentes Digitales 3.0

Yuri Humberto Rojas Seminario

Instructor del Club Docente Digital 3.0

Formador especializado en herramientas digitales e Inteligencia Artificial aplicada a la educación. Guía a los docentes en la creación de contenido web moderno y accesible.

4
Clases prácticas
4h
Duración total
100
Cupo máximo
10am
Sábados

¿Listo para crear tu primera web?

Únete al Club de Docentes Digitales 3.0 y descubre cómo la IA puede transformar tu forma de enseñar y crear contenido digital.

Explorar Demo en Vivo