Course Code: svg
Duration: 7 hours
Prerequisites:
  • Tło w HTML i CSS
Overview:

Scala ble Vector Graphics (SVG) to oparty na XML format graficzny używany do tworzenia obrazów wektorowych 2D.

W tym prowadzonym przez instruktora szkoleniu na żywo uczestnicy poznają podstawy SVG podczas tworzenia swojego pierwszego projektu SVG.

Pod koniec tego szkolenia uczestnicy będą mogli

  • Zrozumieć podstawy grafiki wektorowej i SVG
  • Dowiedz się, jak tworzyć, modyfikować, używać i optymalizować SVG
  • Dowiedz się, jak używać SVG z HTML i CSS
  • Dowiedz się, jak wykonać podstawowe animacje za pomocą SVG
  • Tworzenie własnych animacji SVG

Publiczność

  • Deweloperzy i programiści
  • Programiści Graphic Design
  • Deweloperzy HTML i CSS zainteresowani dowiedzeniem się więcej o SVG

Format kursu

  • Część wykładu, część dyskusji, ćwiczenia i ciężka praktyka praktyczna
Course Outline:

Wprowadzenie

Przegląd grafiki wektorowej Scala

  • Zrozumienie grafiki wektorowej
  • Podstawy SVG
  • Zastosowania i aplikacje SVG

Nauka podstaw korzystania z SVG

  • Tworzenie SVG
  • Używanie SVG jako obrazów
  • Tworzenie obrazu SVG

Zagłębianie się w kod SVG

  • Zrozumienie układu, struktury i atrybutów SVG
  • Wprowadzenie do SVG Element
  • Praca z SVG elementami graficznymi Element
  • Praca z SVG kontenerami Element
  • Praca z gradientem SVG Element

Używanie SVG z HTML i CSS

  • Osadzanie SVG
  • Modyfikowanie i stylizowanie SVG przy użyciu CSS
  • Tworzenie SVG responsywnych

Tworzenie SVG Sprites

  • Przegląd sprite'ów obrazów
  • Używanie HTML wbudowanych SVG sprite'ów
  • Odwoływanie się do zewnętrznych SVG sprite'ów w HTML
  • Używanie CSS Inline SVG Sprites
  • Używanie SVG identyfikatorów fragmentów

Optymalizacja SVG

Animowanie za pomocą SVG

  • Używanie CSS dla SVG Animation
  • Używanie SMIL dla SVG Animation
  • Używanie JavaScript dla SVG Animation

Tworzenie pierwszego projektu SVG Logo Animation

  • Konfigurowanie środowiska pracy
  • Rysowanie SVG
  • Modyfikowanie kodu SVG w celu stylizacji SVG
  • Optymalizacja SVG
  • Animowanie SVG

Rozwiązywanie problemów

Uwagi końcowe

Sites Published:

United Arab Emirates - SVG Fundamentals

Qatar - SVG Fundamentals

Egypt - SVG Fundamentals

Saudi Arabia - SVG Fundamentals

South Africa - SVG Fundamentals

Brasil - SVG Fundamentals

Canada - SVG Fundamentals

中国 - SVG Fundamentals

香港 - SVG Fundamentals

澳門 - SVG Fundamentals

台灣 - SVG Fundamentals

USA - SVG Fundamentals

Österreich - SVG Fundamentals

Schweiz - SVG Fundamentals

Deutschland - SVG Fundamentals

Czech Republic - SVG Fundamentals

Denmark - SVG Fundamentals

Estonia - SVG Fundamentals

Finland - SVG Fundamentals

Greece - SVG Fundamentals

Magyarország - SVG Fundamentals

Ireland - SVG Fundamentals

Luxembourg - SVG Fundamentals

Latvia - SVG Fundamentals

España - Fundamentos de SVG

Italia - SVG Fundamentals

Lithuania - SVG Fundamentals

Nederland - SVG Fundamentals

Norway - SVG Fundamentals

Portugal - SVG Fundamentals

România - SVG Fundamentals

Sverige - SVG Fundamentals

Türkiye - SVG Fundamentals

Malta - SVG Fundamentals

Belgique - SVG Fundamentals

France - SVG Fundamentals

日本 - SVG Fundamentals

Australia - SVG Fundamentals

Malaysia - SVG Fundamentals

New Zealand - SVG Fundamentals

Philippines - SVG Fundamentals

Singapore - SVG Fundamentals

Thailand - SVG Fundamentals

Vietnam - SVG Fundamentals

India - SVG Fundamentals

Argentina - Fundamentos de SVG

Chile - Fundamentos de SVG

Costa Rica - Fundamentos de SVG

Ecuador - Fundamentos de SVG

Guatemala - Fundamentos de SVG

Colombia - Fundamentos de SVG

México - Fundamentos de SVG

Panama - Fundamentos de SVG

Peru - Fundamentos de SVG

Uruguay - Fundamentos de SVG

Venezuela - Fundamentos de SVG

Polska - SVG Fundamentals

United Kingdom - SVG Fundamentals

South Korea - SVG Fundamentals

Pakistan - SVG Fundamentals

Sri Lanka - SVG Fundamentals

Bulgaria - SVG Fundamentals

Bolivia - Fundamentos de SVG

Indonesia - SVG Fundamentals

Kazakhstan - SVG Fundamentals

Moldova - SVG Fundamentals

Morocco - SVG Fundamentals

Tunisia - SVG Fundamentals

Kuwait - SVG Fundamentals

Oman - SVG Fundamentals

Slovakia - SVG Fundamentals

Kenya - SVG Fundamentals

Nigeria - SVG Fundamentals

Botswana - SVG Fundamentals

Slovenia - SVG Fundamentals

Croatia - SVG Fundamentals

Serbia - SVG Fundamentals

Bhutan - SVG Fundamentals

Nepal - SVG Fundamentals

Uzbekistan - SVG Fundamentals