Kursplan

Införandet

Översikt över Scalable vektorgrafik

  • Förstå vektorgrafik
  • SVG Grundläggande principer
  • SVG Användningsområden och tillämpningar

Lär dig grunderna i att använda SVG

  • Skapa en SVG
  • Använda SVG som bilder
  • Skapa en SVG avbildning

Gräva djupt i SVG-kod

  • Förstå SVG layout, struktur och attribut
  • Introduktion till SVG Elements
  • Arbeta med SVG Grafiska Elements
  • Arbeta med SVG behållare Elements
  • Arbeta med SVG Gradient Elements

Använda SVG med HTML & CSS

  • Bädda in SVG
  • Ändra och styla SVG Använda CSS
  • Att göra SVG responsiv

Skapa SVG Sprites

  • Översikt över Image Sprites
  • Använda HTML infogade SVG sprites
  • Referera till externa SVG sprites i HTML
  • Använda CSS infogade SVG sprites
  • Använda SVG fragmentidentifierare

Optimera SVG

Animera med SVG

  • Använda CSS för SVG Animation
  • Använda SMIL för SVG Animation
  • Använda JavaSkript för SVG Animation

Skapa ditt första SVG Logotyp Animation Projekt

  • Konfigurera din arbetsmiljö
  • Ritning av SVG
  • Ändra SVG-koden för att formatera SVG
  • Optimera SVG
  • Animera SVG

Felsökning

Avslutande kommentarer

Krav

  • Bakgrund i HTML och CSS
 7 timmar

Antal deltagare


Price per participant

Upcoming Courses

Relaterade Kategorier