Kurzusleírá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

Követelmények

  • Háttértudás HTML & CSS területén
 7 Órák

Résztvevők száma


Ár per résztvevő

Közelgő kurzusok

Rokon kategóriák