Programa del Curso

Introducción

Descripción general de Scalable Gráficos vectoriales

  • Entendiendo los gráficos vectoriales
  • SVG Fundamentals
  • Usos y aplicaciones de SVG

Aprender los conceptos básicos del uso SVG

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

Profundizando en el código SVG

  • Comprender el SVG diseño, la estructura y los atributos
  • Introducción a SVG Elementos
  • Trabajar con SVG elementos gráficos
  • Trabajar con SVG elementos de contenedor
  • Trabajar con SVG Elementos de degradado

Uso de SVG con HTML y CSS

  • Incrustación SVG
  • Modificación y estilo SVG usando CSS
  • Hacer que SVG sea responsivo

Creación de SVG Sprites

  • Descripción general de los sprites de imagen
  • Uso de sprites HTML en línea SVG
  • Hacer referencia a sprites externos SVG en HTML
  • Uso de sprites CSS en línea SVG
  • Uso de SVG identificadores de fragmento

Optimización SVG

Animación con SVG

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

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

  • Configuración del entorno de trabajo
  • Dibujando el SVG
  • Modificando el código SVG para aplicar estilo a la función SVG
  • Optimización de la SVG
  • Animando el SVG

Solución de problemas

Palabras finales

Requerimientos

  • Antecedentes en HTML y CSS
  7 horas
 

Número de participantes


Comienza

Termina


Dates are subject to availability and take place between 09:30 and 16:30.
Los cursos de formación abiertos requieren más de 5 participantes.

Cursos Relacionados

Categorías Relacionadas