Podstawy SVG - Plan Szkolenia

Wprowadzenie

Przegląd Scalable Vector Graphics

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

Nauka podstaw korzystania z SVG

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

Głębsze zanurzenie w kodzie SVG

• Zrozumienie układu, struktury i atrybutów SVG
• Wprowadzenie do elementów SVG
• Praca z elementami graficznymi SVG
• Praca z elementami kontenerowymi SVG
• Praca z elementami gradientowymi SVG

Używanie SVG z HTML i CSS

• Osadzanie SVG
• Modyfikowanie i stylizowanie SVG za pomocą CSS
• Tworzenie responsywnych SVG

Tworzenie sprite'ów SVG

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

Optymalizacja SVG

Animowanie za pomocą SVG

• Używanie CSS do animacji SVG
• Używanie SMIL do animacji SVG
• Używanie JavaScript do animacji SVG

Tworzenie pierwszego projektu animacji logo w SVG

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

Rozwiązywanie problemów

Podsumowanie