Kursplan

Introduktion

Översikt över Scalable Vector Graphics

  • Förstå vektorgrafik
  • SVG Grunderna
  • SVG Användningar och tillämpningar

Lär dig grunderna för att använda SVG

  • Skapa en SVG
  • Användning av SVG som bilder
  • Skapa en SVG bild

Gräver djupt i SVG koden

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

Använda SVG med HTML och CSS

  • Inbäddning SVG
  • Modifiera och styla SVG Använda CSS
  • Göra SVG responsiv

Skapa SVG Sprites

  • Översikt över Image Sprites
  • Använda HTML Inline SVG Sprites
  • Refererar till externa SVG sprites i HTML
  • Använda CSS Inline SVG Sprites
  • Användning av SVG Fragmentidentifierare

Optimerar SVG

Animera med SVG

  • Använder CSS för SVG Animation
  • Använder SMIL för SVG Animation
  • Använda JavaScript för SVG Animation

Skapa ditt första SVG logotyp Animation-projekt

  • Ställa in din arbetsmiljö
  • Rita SVG
  • Ändra SVG-koden för att utforma SVG
  • Optimera SVG
  • Animera SVG

Felsökning

Avslutande kommentarer

Krav

  • Bakgrund i HTML & CSS
  7 timmar
 

Antal deltagare


Starts

Ends


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Relaterade Kurser

Relaterade Kategorier