SVG Fundamentals Treningskurs

Introduksjon

Oversikt over Scalable Vector Graphics

• Forstå vektorgrafikk
• SVG Grunnleggende
• SVG Bruk og applikasjoner

Lær det grunnleggende om bruk SVG

• Opprette en SVG
• Bruke SVG som bilder
• Opprette et SVG bilde

Graver dypt inn i SVG koden

• Forstå SVG layout, struktur og attributter
• Introduksjon til SVG Elements
• Arbeide med SVG Grafiske Elements
• Arbeide med SVG Container Elements
• Arbeide med SVG Gradient Elements

Bruke SVG med HTML og CSS

• Innebygging SVG
• Modifisering og styling SVG Bruke CSS
• Gjøre SVG responsiv

Opprette SVG sprites

• Oversikt over Image Sprites
• Bruke HTML Inline SVG Sprites
• Refererer til eksterne SVG sprites i HTML
• Bruke CSS Inline SVG Sprites
• Bruke SVG Fragmentidentifikatorer

Optimaliserer SVG

Animerer med SVG

• Bruker CSS for SVG Animation
• Bruker SMIL for SVG Animation
• Bruke JavaScript for SVG Animation

Opprette ditt første SVG logo Animation-prosjekt

• Sette opp arbeidsmiljøet ditt
• Tegning av SVG
• Endre SVG-koden for å style SVG
• Optimalisering av SVG
• Animerer SVG

Feilsøking

Avsluttende bemerkninger