SVG Fundamentals Training Cursus

Introductie

Overzicht van Scalable Vector Graphics

• Vectorafbeeldingen begrijpen
• SVG Grondbeginselen.
• SVG Gebruik en toepassingen

De basisprincipes van het gebruik leren SVG

• Een SVG maken
• SVG gebruiken als afbeeldingen
• Een SVG afbeelding maken

Diep graven in SVG Code

• Inzicht in de SVG lay-out, structuur en kenmerken
• Inleiding tot SVG Elements
• Werken met SVG Grafische Elements
• Werken met SVG Container Elements
• Werken met SVG Gradiënt Elements

Gebruik SVG met HTML & CSS

• Inbedding SVG
• Wijzigen en stylen SVG met behulp van CSS
• Responsief maken SVG

Het creëren van SVG Sprites

• Overzicht van Image Sprites
• Met behulp van HTML Inline SVG Sprites
• Refereren aan externe SVG Sprites in HTML
• CSS Inline SVG Sprites gebruiken
• SVG Fragment-ID's gebruiken

Optimaliseren SVG

Animeren met SVG

• Gebruik CSS voor SVG Animation
• SMIL gebruiken voor SVG Animation
• Gebruik van JavaScript voor SVG Animation

Het maken van uw eerste SVG logo Animation project

• Uw werkomgeving inrichten
• Tekening van de SVG
• De SVG code wijzigen om de SVG te stylen
• Optimaliseren van de SVG
• Het animeren van de SVG

Probleemoplossing

Slotwoord