Fundamentos de SVG

Introducción

Resumen de los Gráficos Vectoriales Escalables (SVG)

• Comprensión de los gráficos vectoriales
• Fundamentos de SVG
• Usos y aplicaciones de SVG

Aprendiendo los conceptos básicos del uso de SVG

• Creación de un archivo SVG
• Uso de SVG como imágenes
• Construcción de una imagen SVG

Profundizando en el código SVG

• Comprensión del diseño, la estructura y los atributos de SVG
• Introducción a los elementos de SVG
• Trabajo con elementos gráficos de SVG
• Trabajo con elementos contenedores de SVG
• Trabajo con elementos de gradiente en SVG

Uso de SVG con HTML y CSS

• Incrustación de SVG
• Modificación y estilizado de SVG mediante CSS
• Hacer que SVG sea responsivo

Creación de Sprites SVG

• Resumen de los sprites de imagen
• Uso de sprites SVG en línea con HTML
• Referenciación de sprites SVG externos en HTML
• Uso de sprites SVG en línea con CSS
• Utilización de identificadores de fragmento SVG

Optimización de SVG

Animación con SVG

• Uso de CSS para animación en SVG
• Uso de SMIL para animación en SVG
• Uso de JavaScript para animación en SVG

Creación de su primer proyecto de animación de logotipo en SVG

• Configuración del entorno de trabajo
• Dibujo del SVG
• Modificación del código SVG para aplicar estilos
• Optimización del archivo SVG
• Animación del SVG

Resolución de problemas

Comentarios de cierre