План на курса

Въведение

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

  • Разбиране на векторната графика
  • SVG Основи
  • SVG Употреби и приложения

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

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

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

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

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

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

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

  • Преглед на спрайтовете на изображенията
  • Използване на HTML вградени SVG спрайта
  • Позоваване на външни SVG спрайтове в HTML
  • Използване на CSS вградени SVG спрайтове
  • Използване на SVG идентификатори на фрагменти

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

Анимиране с SVG

  • Използване на CSS за SVG Animation
  • Използване на SMIL за SVG Animation
  • Използване на Java скрипт за SVG Animation

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

  • Създаване на вашата работна среда
  • Рисуване на SVG
  • Модифициране на кода SVG за стилизиране на SVG
  • Оптимизиране на SVG
  • Анимиране на SVG

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

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

Изисквания

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

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


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

Предстоящи Курсове

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