Taller SVG en el diseño Web

Poder y funcionalidad de los Gráficos Vectoriales Escalables en el diseño de páginas web.
Material disponible
Intermedio
4 Clases 7 h
65€
49€
Precio en promoción
Tras convertirse en recomendación de la W3C hace casi catorce años, los Gráficos Vectoriales Escalables o SVG son una realidad presente y futura en el diseño web, de la mano de HTML5.

Gracias a su versatilidad, menor peso en los archivos y su calidad infinita, SVG nos ayuda a la creación de webs con una riqueza tipográfica y de layout sin precedentes, que no resta protagonismo a la accesibilidad del contenido.

Este taller de fin de semana esta destinado para diseñadores web, front-end developers y en general para cualquier persona que le interese la creación de webs optimizadas y profesionales.

Qué aprenderé en el Taller SVG en el diseño Web

Aprenderemos la estructura de los SVG y las etiquetas más importantes que tenemos a nuestra disposición. Conoceremos los métodos para añadir SVG a nuestros proyectos web, a través de una depurada una metodología de trabajo. No nos conformamos con exportar, vamos a lograr que nuestros SVGs pesen todavía menos, sean indexables por Google y también accesibles para personas con discapacidad.

Por qué debes aprender SVG en el diseño Web

SVG simplifica de forma notable nuestro flujo de trabajo en la creación de páginas web gracias a sus ventajas en cuanto a escalabilidad, indexación, versatilidad, compresión y adaptabilidad, desde las pantallas de dispositivos móviles a los monitores de escritorio con alta resolución y retina display. Además al permitir la modificación dinámica mediante Javascript o incluir el soporte de CSS, el control y resultado de nuestro diseño es espectacular y adaptado 100% a nuestras necesidades.

Aunque rivaliza en potencial con tecnologías como Flash, la ventaja de SVG de ser un estándar abierto y recomendado por la W3C. Por ello, conocerlo y dominarlo generará enormes posibilidades profesionales tanto para la web de hoy como para la del futuro. Sin olvidarse de las aplicaciones híbridas, donde SVG es el mejor formato para desplegar gráficos adaptables e interactivos.

Si el prestigioso New York Times y la conocida guía de viajes Lonely Planet ya lo utilizan ¿a qué estás esperando para empezar a usarlo en tus propios proyectos web?

Qué tengo que saber

Para sacar el máximo provecho, debes saber manejar un editor de código (como por ejemplo Sublime Text , Brackets, Atoms...), además es interesante tener un mínimo conocimiento en Adobe Illustrator.

Clases y contenidos

Introducción y añadir SVG a nuestros proyectos web

Primeros pasos a la hora de exportar y añadir SVG a nuestra web.

Accesibilidad y creación de formas básicas en SVG
  • Indexación y accesibilidad
  • Las formas básicas en SVG
Transformaciones en SVG
  • SVG DRY (dont repeat yourself) defs, use y group
  • Transformaciones en SVG
Patrones, Sprites y Optimización SVG
  • Patrones, degradados y símbolos.
  • Sprites con SVG
  • Optimizar SVG

Valoraciones

Visualnacert

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete