icono
Construccion con HTML & CSS con IA

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


Construccion con HTML & CSS con IA ?

Habilidades a desarrollar


Módulos del curso
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
Conferencia
Práctica Guiada
Práctica Guiada
Taller
Taller
Experiencia en Campo
Experiencia en Campo
Instruccional
Instruccional
Salida Académica
Salida Académica
Evaluación
Evaluación
Sustentación
Sustentación
Práctica Laboral
Práctica Laboral
Trabajo en grupo
Trabajo en grupo