SVG Alapok Képzés

Bevezetés

A Scalable Vector Graphics áttekintése

• A vektorgrafikák megértése
• SVG alapok
• SVG felhasználási területei és alkalmazásai

Az SVG használatának alapjainak elsajátítása

• SVG létrehozása
• SVG használata képekként
• SVG kép létrehozása

Mélymerülés az SVG kódba

• Az SVG elrendezés, szerkezet és attribútumok megértése
• Bevezetés az SVG elemekbe
• Munka SVG grafikus elemekkel
• Munka SVG konténer elemekkel
• Munka SVG színátmenet elemekkel

SVG használata HTML & CSS segítségével

• SVG beágyazása
• SVG módosítása és stílusának beállítása CSS segítségével
• SVG reszponzívvá tétele

SVG Sprite-ok létrehozása

• Képsprite-ok áttekintése
• HTML inline SVG sprite-ok használata
• Külső SVG sprite-ok hivatkozása HTML-ben
• CSS inline SVG sprite-ok használata
• SVG fragmentum azonosítók használata

SVG optimalizálása

Animálás SVG-vel

• CSS használata SVG animációhoz
• SMIL használata SVG animációhoz
• JavaScript használata SVG animációhoz

Az első SVG logó animációs projekt létrehozása

• A munkakörnyezet beállítása
• Az SVG rajzolása
• Az SVG kód módosítása az SVG stílusának beállításához
• Az SVG optimalizálása
• Az SVG animálása

Hibaelhárítás

Záró megjegyzések