Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Struttura del corso
Introduzione
Panoramica di Scalable Vector Graphics
- Informazioni sulla grafica vettoriale
- SVG Fundamentals
- Usi e applicazioni di SVG
Imparare le basi dell'uso SVG
- Creazione di un SVG
- Utilizzo di SVG come immagini
- Creazione di un'immagine SVG
Scavare in profondità nel codice SVG
- Comprendere il layout, la struttura e gli attributi SVG
- Introduzione a SVG Elementi
- Lavorare con SVG elementi grafici
- Utilizzo di SVG elementi contenitore
- Lavorare con SVG Elementi sfumatura
Utilizzo di SVG con HTML e CSS
- Incorporamento SVG
- Modificare e applicare stili SVG usando i CSS
- Rendere SVG reattivo
Creazione di SVG sprite
- Panoramica degli sprite delle immagini
- Utilizzo di sprite HTML in linea SVG
- Fare riferimento a sprite esterni SVG in HTML
- Utilizzo di sprite CSS Inline SVG
- Utilizzo di SVG identificatori di frammento
Ottimizzazione SVG
Animazione con SVG
- Utilizzo di CSS per SVG Animazione
- Utilizzo di SMIL per SVG Animazione
- Utilizzo di JavaScript per SVG Animazione
Creare il tuo primo SVG progetto di animazione del logo
- Impostazione dell'ambiente di lavoro
- Disegnando il SVG
- Modificare il codice SVG per definire lo stile del SVG
- Ottimizzazione del SVG
- Animazione del SVG
Risoluzione dei problemi
Osservazioni conclusive
Requisiti
- Background in HTML e CSS
7 ore