Course Outline

Invoering

Overzicht van Scalable vectorafbeeldingen

  • Vectorafbeeldingen begrijpen
  • SVG Grondbeginselen
  • SVG Gebruik en toepassingen

De basisbeginselen van het gebruik leren SVG

  • Een SVG creëren
  • Gebruik SVG als afbeeldingen
  • Een SVG-afbeelding maken

Diep graven in SVG code

  • Inzicht in de SVG lay-out, structuur en attributen
  • Inleiding tot SVG Elements
  • Werken met SVG Grafische Elements
  • Werken met SVG Container Elements
  • Werken met SVG Verloop Elements

SVG gebruiken met HTML & CSS

  • Inbedding SVG
  • Aanpassen en stylen SVG Gebruiken van CSS
  • SVG responsief maken

SVG Sprites maken

  • Overzicht van afbeeldingssprites
  • Met behulp van HTML Inline SVG Sprites
  • Verwijzen naar externe SVG sprites in HTML
  • Met behulp van CSS Inline SVG Sprites
  • Gebruik van SVG fragmentidentificaties

Optimaliseren SVG

Animeren met SVG

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

Je eerste SVG logo Animation-project maken

  • Uw werkomgeving instellen
  • Het tekenen van de SVG
  • De SVG-code wijzigen om de SVG te stylen
  • Het optimaliseren van de SVG
  • Animeren van de SVG

Probleemoplossen

Slotopmerkingen

Requirements

  • Achtergrond in HTML en CSS
  7 Hours
 

Related Courses

Related Categories