Schița de curs

Introducere

Prezentare generală a Scalable Vector Graphics

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

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

  • Crearea unui SVG
  • Folosind SVG ca imagini
  • Crearea unei imagini SVG.

Săpătură adânc în SVG Cod

  • Înțelegerea SVG Aspectului, Structurii și Atributelor
  • Introducere în SVG Elements
  • Lucrul cu SVG Graphical Elements
  • Lucrul cu SVG Container Elements
  • Lucrul cu SVG Gradient Elements

Folosind SVG cu HTML și CSS

  • Încorporare SVG
  • Modificarea și stilizarea SVG Utilizarea CSS
  • Faceți SVG receptiv

Crearea SVG Sprite-uri

  • Prezentare generală a Sprite-urilor de imagine
  • Folosind HTML Inline SVG Sprites
  • Referințare externe SVG Sprite-uri în HTML
  • Folosind CSS Inline SVG Sprites
  • Folosind SVG Identificatori de fragment

Optimizare SVG

Animație cu SVG

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

Crearea primului tău proiect SVG Logo Animation.

  • Configurarea mediului de lucru
  • Desenul SVG
  • Modificarea codului SVG pentru stilul SVG
  • Optimizarea SVG
  • Animarea SVG

Depanare

Observații de încheiere

Cerințe

  • Background în HTML & CSS
  7 ore
 

Numărul de participanți


Dată început

Dată sfârșit


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Cursuri înrudite

Categorii înrudite