Este curso te enseñará a utilizar CSS3 para crear sitios web atractivos y profesionales. Aprenderás a estilizar y dar formato a páginas web utilizando selectores, reglas y propiedades CSS3. Desde los conceptos básicos hasta las técnicas avanzadas, este curso te brindará las habilidades y conocimientos necesarios para ser un diseñador web competente.
Objetivos:
- Comprender los conceptos básicos de CSS3 y su aplicación en la creación de sitios web.
- Aprender a estilizar y dar formato a páginas web utilizando selectores, reglas y propiedades CSS3.
- Desarrollar habilidades para crear diseños responsivos y adaptativos con CSS3.
- Aprender a utilizar técnicas avanzadas de CSS3, como animaciones y transiciones, para mejorar la experiencia del usuario.
- Comprender cómo integrar CSS3 con HTML5 para crear sitios web profesionales y atractivos.
- Desarrollar habilidades para crear y desplegar sitios web estéticamente atractivos y funcionales utilizando CSS3.
Contenido:
UNIDAD.- Introducción a CSS3
- ¿Qué es CSS3?
- Selectores CSS3
- Selectores relacionales
- Selectores de atributo
- Pseudo-clases
- Pseudo-clases estructurales
- Pseudo-elementos y contenido generado
- Contenido generado
UNIDAD.- Colores y texto en CSS3
- Colores HSL
- Colores HSLA
- Colores RGBA
- Opacidad
- Text-shadow
- Text-overflow
- Rotura de palabras largas
- Web Fonts
- Border-Radius
- Sombras
UNIDAD.- Degradados en CSS3
- Degradados lineales
- Degradados radiales
- Degradados lineales de repetición
- Degradados radiales de repetición
- Múltiples imágenes de fondo
- Tamaño de fondo
UNIDAD.- Transformaciones y Transiciones
- Transiciones
- Transition-property
- Transition-duration
- Transition-timing-function
- Transition-delay
- La propiedad abreviada transition
- Múltiples transiciones
- Transformaciones
- Traslación
- Escalar
- Rotación
- Inclinación
- Cambiar el origen de la transformación
UNIDAD.- Animaciones en CSS3
- Animaciones
- Fotogramas clave
- Propiedad animation-name
- Propiedad animation-duration
- Propiedad animation-timing-function
- Propiedad animation-iteration-count
- Propiedad animation-direction
- Propiedad animation-delay
- Propiedad animation-fill-mode
- Propiedad animation-play-state
- Propiedad abreviada animation
UNIDAD.- Fuentes y Diseño multicolumna en CSS3
- Importar fuentes tipográficas mediante Font-face
- Aplicar la fuente
- Tipos de fuentes y navegadores
- La propiedad column-count
- La propiedad column-gap
- La propiedad column-width
- La propiedad abreviada
- Columnas y la propiedad height
- Propiedad column-rule
- Salto de columna
- Inserción de imágenes
- Textos multicolumna