icono
Construccion con HTML & CSS con IA

campus
MZL
Programa
Sistemas IA
Tipo
Curso
Nivel
2
Área
Sistemas
Periodo
261
Estado
Actualizado


Construccion con HTML & CSS con IA ?

Habilidades a desarrollar


Módulos del curso
Contenido
Tipo / Actividades
Duración
1.0 - Fundamentos de HTML
Introducción a HTML, incluyendo su estructura, etiquetas básicas y la creación de documentos HTML. Los estudiantes aprenderán a construir la estructura básica de una página web.
Presencial
4:00:00
2.0 - Introducción a CSS
Este módulo introduce a los estudiantes a CSS (Cascading Style Sheets), enseñando cómo vincular hojas de estilo a HTML y los conceptos básicos de selección y aplicación de estilos.
Presencial
4:00:00
3.0 - Diseño y Layout con HTML y CSS
Profundización en cómo usar HTML y CSS para crear diseños y layouts web. Se cubrirán temas como el modelado de cajas, posicionamiento y diseño flexible (flexbox).
Presencial
4:00:00
4.0 - Estilos Avanzados en CSS
Aprendizaje de estilos avanzados en CSS, incluyendo animaciones, transiciones y efectos visuales. Se realizarán prácticas para aplicar estos estilos en páginas web.
Presencial
4:00:00
5.0 - Creación de Formularios y Elementos Interactivos
Enseñanza de cómo crear formularios y otros elementos interactivos utilizando HTML y CSS. Se incluirán prácticas en la creación de formularios con validación.
Presencial
4:00:00
6.0 - Responsive Design con HTML y CSS
Introducción al diseño web adaptable (responsive design), enseñando cómo crear páginas web que se ajusten a diferentes tamaños de pantalla y dispositivos.
Presencial
4:00:00
7.0 - Introducción a Bootstrap
Este módulo se enfoca en Bootstrap, un framework de HTML, CSS y JS. Los estudiantes aprenderán a implementar rápidamente diseños web elegantes y responsivos usando Bootstrap.
Presencial
4:00:00
8.0 - Uso de Plantillas en Bootstrap
Aprendizaje de cómo utilizar y personalizar plantillas de Bootstrap. Se enfocará en la adaptación de plantillas existentes para crear páginas web de aspecto profesional.
Presencial
4:00:00
9.0 - Integración de HTML y CSS con IA
Exploración de cómo la IA, como ChatGPT, puede asistir en la creación de estructuras HTML y estilos CSS. Los estudiantes practicarán la generación de código y el diseño de páginas con asistencia de IA.
Presencial
4:00:00
10.0 - Proyecto de Construcción Web
Los estudiantes trabajarán en un proyecto de construcción web, aplicando todo lo aprendido para crear una página web completa utilizando HTML, CSS y Bootstrap con asistencia de IA.
Presencial
4:00:00
11.0 - Buenas Prácticas y Optimización
Enseñanza de buenas prácticas en el desarrollo web, incluyendo optimización de código, accesibilidad web y SEO (Search Engine Optimization) básico.
Presencial
4:00:00
12.0 - Práctica Intensiva y Repaso
Sesiones de práctica intensiva y repaso de todos los conceptos y habilidades aprendidas. Los estudiantes trabajarán en refinar sus proyectos y prepararse para la evaluación final.
Presencial
4:00:00
13.0 - Evaluación Final y Presentación de Proyectos
Evaluación final a través de la presentación de los proyectos web desarrollados por los estudiantes. Se evaluará la creatividad, funcionalidad, diseño responsivo y la aplicación efectiva de HTML, CSS y Bootstrap.
Presencial
4:00:00

Actividades

Conferencia

Práctica Guiada

Taller

Experiencia en Campo

Instruccional

Salida Académica

Evaluación

Sustentación

Práctica Laboral

Trabajo en grupo