Cursuri de pregatire SVG Fundamentals

Introducere

Prezentare generală a graficii vectoriale Scalable

• Înțelegerea graficii vectoriale
• SVG Fundamente
• SVG Utilizări și aplicații

Învățarea elementelor de bază ale utilizării SVG

• Crearea unei SVG
• Utilizarea SVG ca imagini
• Crearea unei imagini SVG

Aprofundarea în codul SVG

• Înțelegerea aspectului, structurii și atributelor SVG
• Introducere în SVG Elements
• Lucrul cu SVG Elements grafice
• Lucrul cu SVG Container Elements
• Lucrul cu SVG Gradient Elements

Utilizarea SVG cu HTML & CSS

• Încorporarea SVG
• Modificarea și stilizarea SVG folosind CSS
• Realizarea SVG responsive

Crearea SVG Sprites

• Prezentare generală a sprites-urilor de imagine
• Utilizarea HTML Sprites SVG în linie
• Referirea la sprites SVG externe în HTML
• Utilizarea CSS Sprites SVG în linie
• Utilizarea identificatorilor de fragmente SVG

Optimizarea SVG

Animarea cu SVG

• Utilizarea CSS pentru SVG Animation
• Utilizarea SMIL pentru SVG Animation
• Utilizarea JavaScript pentru SVG Animation

Crearea primului dvs. proiect SVG Logo Animation

• Configurarea mediului de lucru
• Desenarea SVG
• Modificarea codului SVG pentru a stiliza SVG
• Optimizarea SVG
• Animarea SVG

Rezolvarea problemelor

Observații de încheiere