Corso di formazione Fondamenti di SVG

Introduzione

Panoramica di Scalable Vector Graphics

• Capire la grafica vettoriale
• SVG Fondamenti
• SVG Usi e applicazioni

Apprendimento delle nozioni di base sull'uso SVG

• Creazione di un SVG
• Utilizzo di SVG come immagini
• Creazione di un'immagine SVG

Scavando in profondità nel codice SVG

• Comprendere il layout, la struttura e gli attributi SVG
• Introduzione a SVG Elements
• Lavorare con SVG grafici Element
• Lavorare con SVG Container Elements
• Lavorare con SVG Gradiente Element s

Utilizzo di SVG con HTML e CSS

• Incorporamento SVG
• Modifica e applicazione di stili SVG Utilizzo di CSS
• Rendere SVG reattivo

Creazione di SVG sprite

• Panoramica degli sprite delle immagini
• Utilizzo di HTML sprite in linea SVG
• Riferimento a sprite esterni SVG in HTML
• Utilizzo di CSS sprite in linea SVG
• Utilizzo di SVG identificatori di frammento

Ottimizzazione SVG

Animazione con SVG

• Utilizzo di CSS per SVG Animation
• Utilizzo di SMIL per SVG Animation
• Utilizzo di JavaScript per SVG Animation

Creare il tuo primo SVG Logo Animation Progetto

• Configurazione dell'ambiente di lavoro
• Disegno del SVG
• Modifica del codice SVG per applicare uno stile a SVG
• Ottimizzazione del SVG
• Animare il SVG

Risoluzione dei problemi

Osservazioni conclusive