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

Numero di Partecipanti



Prezzo per Partecipante

Corsi relativi

Categorie relative