Plan Szkolenia

Wprowadzenie

Przegląd grafiki wektorowej Scala

  • Zrozumienie grafiki wektorowej
  • Podstawy SVG
  • Zastosowania i aplikacje SVG

Nauka podstaw korzystania z SVG

  • Tworzenie SVG
  • Używanie SVG jako obrazów
  • Tworzenie obrazu SVG

Zagłębianie się w kod SVG

  • Zrozumienie układu, struktury i atrybutów SVG
  • Wprowadzenie do SVG Element
  • Praca z SVG elementami graficznymi Element
  • Praca z SVG kontenerami Element
  • Praca z gradientem SVG Element

Używanie SVG z HTML i CSS

  • Osadzanie SVG
  • Modyfikowanie i stylizowanie SVG przy użyciu CSS
  • Tworzenie SVG responsywnych

Tworzenie SVG Sprites

  • Przegląd sprite'ów obrazów
  • Używanie HTML wbudowanych SVG sprite'ów
  • Odwoływanie się do zewnętrznych SVG sprite'ów w HTML
  • Używanie CSS Inline SVG Sprites
  • Używanie SVG identyfikatorów fragmentów

Optymalizacja SVG

Animowanie za pomocą SVG

  • Używanie CSS dla SVG Animation
  • Używanie SMIL dla SVG Animation
  • Używanie JavaScript dla SVG Animation

Tworzenie pierwszego projektu SVG Logo Animation

  • Konfigurowanie środowiska pracy
  • Rysowanie SVG
  • Modyfikowanie kodu SVG w celu stylizacji SVG
  • Optymalizacja SVG
  • Animowanie SVG

Rozwiązywanie problemów

Uwagi końcowe

Wymagania

  • Tło w HTML i CSS
 7 godzin

Liczba uczestników


cena netto za uczestnika

Propozycje terminów

Powiązane Kategorie