SVG Fundamentals Training Course

Εισαγωγή

Επισκόπηση των Scalable Vector Graphics

• Κατανόηση των διανυσματικών γραφικών
• SVG Βασικές αρχές
• SVG Χρήσεις και εφαρμογές

Μαθαίνοντας τα βασικά της χρήσης SVG

• Δημιουργία ενός SVG
• Χρήση του SVG ως Εικόνες
• Δημιουργία εικόνας SVG

Σκάβοντας βαθιά στον κώδικα SVG

• Κατανόηση της διάταξης, της δομής και των χαρακτηριστικών SVG
• Εισαγωγή στις SVG Elements
• Εργασία με SVG γραφικά Elements
• Εργασία με SVG Container Elements
• Εργασία με SVG Gradient Elements

Χρήση SVG με HTML & CSS

• Ενσωμάτωση SVG
• Τροποποίηση και στυλ SVG Χρησιμοποιώντας το CSS
• Κάνοντας το SVG Responsive

Δημιουργία SVG Sprites

• Επισκόπηση των Image Sprites
• Χρήση HTML Inline SVG Sprites
• Αναφορά σε εξωτερικά SVG Sprites στο HTML
• Χρήση CSS Inline SVG Sprites
• Χρήση SVG Fragment Identifiers

Βελτιστοποίηση SVG

Κινούμενη εικόνα με SVG

• Χρήση CSS για SVG Animation
• Χρήση SMIL για SVG Animation
• Χρήση JavaΣενάριο για SVG Animation

Δημιουργία του πρώτου σας έργου με το λογότυπο SVG Animation

• Ρύθμιση του εργασιακού σας περιβάλλοντος
• Σχεδιάζοντας το SVG
• Τροποποίηση του κώδικα SVG για να διαμορφώσετε το στυλ του SVG
• Βελτιστοποίηση του SVG
• Ζωντανεύοντας το SVG

Αντιμετώπιση προβλημάτων

Τελικές Παρατηρήσεις