План на курса

Въведение

Преглед на Scalable векторни графики

    Разбиране на векторната графика SVG Fundamentals Използване и приложения на SVG

Изучаване на основите на използване SVG

    Създаване на SVG Използване на SVG като изображения Създаване на SVG изображение

Задълбочаване в SVG кода

    Разбиране на SVG оформлението, структурата и атрибутите Въведение в SVG елементи Работа с SVG Графични елементи Работа с SVG Контейнерни елементи Работа с SVG Градиентни елементи

Използване на SVG с HTML и CSS

    Вграждане SVG Модифициране и стилизиране SVG Използване на CSS Създаване SVG Отзивчив

Създаване на SVG спрайта

    Общ преглед на спрайтовете на изображения, използващи HTML Inline SVG Спрайтове, препращащи към външни SVG Спрайтове в HTML, използващи CSS Inline SVG Спрайтове, използващи SVG идентификатори на фрагменти

Оптимизиране SVG

Анимиране с SVG

    Използване на CSS за SVG анимация Използване на SMIL за SVG анимация Използване на JavaScript за SVG анимация

Създаване на вашия първи SVG проект за анимация на лого

    Настройване на вашата работна среда Чертане на SVG Модифициране на SVG кода за стилизиране на SVG Оптимизиране на SVG Анимиране на SVG

Отстраняване на неизправности

Заключителни бележки

Изисквания

  • Предистория в HTML и CSS
 7 Hours

Брой участници



Цена за участник

Свързани Kурсове

Свързани Kатегории