Základy SVG Počítačový Kurz

Zavedení

Přehled Scalable vektorové grafiky

• Pochopení vektorové grafiky
• SVG Základy
• SVG Použití a aplikace

Naučte se základy používání SVG

• Vytvoření SVG
• Použití SVG jako obrázků
• Vytvoření obrázku SVG

Hluboko v SVG kódu

• Pochopení SVG Rozvržení, struktura a atributy
• Úvod do SVG Elements
• Práce s SVG Grafickým Elements
• Práce s SVG Kontejnerem Elements
• Práce s SVG Gradient Elements

Použití SVG s HTML a CSS

• Vkládání SVG
• Úpravy a styling SVG Použití CSS
• Tvorba SVG responzivní

Vytváření SVG skřítků

• Přehled Image Sprites
• Pomocí HTML Inline SVG Sprites
• Odkazování na externí SVG Sprites v HTML
• Pomocí CSS Inline SVG Sprites
• Použití SVG Identifikátory fragmentů

Optimalizace SVG

Animace s SVG

• Použití CSS pro SVG Animation
• Použití SMIL pro SVG Animation
• Použití JavaSkript pro SVG Animation

Vytvoření vašeho prvního SVG Logo Animation projektu

• Nastavení vašeho pracovního prostředí
• Kreslení SVG
• Úprava kódu SVG do stylu SVG
• Optimalizace SVG
• Animace SVG

Odstraňování problémů

Závěrečné poznámky