Diplomado en Desarrollo Web: HTML5 y CSS3
El Diplomado en Desarrollo Web HTML5 y CSS3 te dará la base para un desarrollo web moderno. HTML5 y CSS3 son los lenguajes de marcado y estilo más utilizados en la creación de sitios web, y dominarlos es esencial para construir interfaces web atractivas, funcionales y compatibles con los estándares actuales.
Aprenderás los conceptos básicos de HTML, incluyendo la estructura de un documento HTML, las etiquetas semánticas y las prácticas recomendadas. Aprenderás a crear una estructura bien organizada y jerárquica utilizando elementos como encabezados, párrafos, listas, enlaces, imágenes y tablas. Además, se abordarán aspectos avanzados como la incorporación de contenido multimedia, como audio, video y animaciones, mejorando así la experiencia del usuario.
Duración
3 meses
A quién va dirigido
Este Diplomado en Desarrollo Web HTML5 y CSS3 está dirigido a estudiantes y profesionales que deseen adquirir habilidades sólidas en el desarrollo y diseño de sitios web. Es especialmente útil para aquellos que buscan iniciar una carrera en el desarrollo web o mejorar sus habilidades existentes. No se requiere experiencia previa en programación.
Aprenderás a
Este Diplomado en Desarrollo Web HTML5 y CSS3 te prepara para crear sitios web modernos y atractivos utilizando estos lenguajes. Podrás estructurar documentos HTML, aplicar estilos y diseñar interfaces de usuario atractivas. También aprenderás a utilizar selectores CSS para personalizar elementos, utilizar el modelo de cajas y el posicionamiento para controlar el diseño de la página y utilizar el sistema flexbox para crear diseños responsive
Campo Laboral
Tras completar este Diplomado en Desarrollo Web HTML5 y CSS3, podrás acceder a diversas salidas laborales en el campo del desarrollo web. Podrás trabajar como desarrollador web front-end, creando interfaces y experiencias de usuario atractivas y funcionales. También podrás desempeñarte como diseñador web, aplicando tus conocimientos de diseño visual y composición
Plan de estudios
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A HTML
- Introducción a HTML
- ¿Cómo creamos documentos HTML?
- Características básicas
UNIDAD DIDÁCTICA 2. HTML: ESTRUCTURA DE UN DOCUMENTO
- Introducción
- Versión HTML
- HTML
- Head
- Body
UNIDAD DIDÁCTICA 3. HTML: ELEMENTOS
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y Objetos
- Tablas
- Formularios
- Marcos
- Estructuras y layout
- Otras etiquetas
UNIDAD DIDÁCTICA 4. HTML: CONTENIDO AUDIOVISUAL
- Audio
- Vídeo
- Animaciones
UNIDAD DIDÁCTICA 5. INTRODUCCIÓN AL DISEÑO WEB
- Breve historia del diseño
- Comunicación y publicidad
- Teoría de la percepción
- Elementos básicos que intervienen en el diseño
- La composición
- Fases del diseño
- Diseño digital
UNIDAD DIDÁCTICA 6. ELEMENTOS BÁSICOS PARA EL DISEÑO WEB
- Tipografía
- Color
- Iconos
- Formas
- Imágenes
- Contenido audiovisual
- Efectos (sombras, D, flat y otros)
UNIDAD DIDÁCTICA 7. INTRODUCCIÓN A CSS
- Introducción CSS
- Soporte de CSS en navegadores
- Especificación oficial
- Funcionamiento básico de CSS
- ¿Cómo incluir CSS en la Web?
- Estilo básico
- Medios CSS
- Comentarios
- Sintaxis de la definición
UNIDAD DIDÁCTICA 8. CSS: SELECTORES, UNIDADES DE MEDIDA Y COLORES
- Selectores CSS
- Unidades de medida
- Colores
UNIDAD DIDÁCTICA 9. CSS: MODELOS DE CAJA, POSICIONAMIENTO Y VISUALIZACIÓN
- Modelo de cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
UNIDAD DIDÁCTICA 10. CSS: FLEXBOX
- En qué cosiste
- Visualización: Display
- Contenedores flexibles: flex e inline-flex
- Orientación: flex-box, flex-direction y flex-wrap
- La propiedad order
- Alineación de los elementos flexibles
- Soporte de los navegadores
UNIDAD DIDÁCTICA 11. CSS: ANIMACIONES CSS
- Introducción
- Keyframes
- Subpropiedades de animación
- Iteración
- Curvas de animación
- Propiedades animables
UNIDAD DIDÁCTICA 12. CSS: HOJAS DE ESTILOS
- Crear y vincular hojas de estilos
- Estructura
- Propiedades CSS
- Selectores
- Posición y tamaño
- Texto
- Imágenes
- Listas, tablas, formularios
También te puede interesar