Course Code: svg
Duration: 7 hours
Prerequisites:
  • HTML & CSS 中的背景
Overview:

Scalable Vector Graphics (SVG) 是一種基於 XML 的圖形格式,用於創建 2D 矢量圖像。

在這個由講師指導的現場培訓中,參與者將學習 SVG 的基礎知識,逐步完成他們的第一個 SVG 項目的創建。

在本次培訓結束時,參與者將能夠:

  • 瞭解向量圖形的基礎知識和 SVG
  • 瞭解如何創建、修改、使用和優化 SVG
  • 瞭解如何將SVG與HTML和CSS一起使用
  • 學習如何使用 SVG 製作基本動畫
  • 創建自己的 SVG 動畫

觀眾

  • 開發人員和程式師
  • Graphic Designers
  • HTML & CSS 開發者有興趣瞭解更多關於SVG

課程形式

  • 部分講座、部分討論、練習和大量動手實踐
Course Outline:

介紹

Scalable 向量圖形概述

  • 瞭解向量圖形
  • SVG 基本原理
  • SVG 用途和應用

學習使用基礎知識 SVG

  • 建立一個SVG
  • 將 SVG 用作圖像
  • 創建 SVG 影像

深入研究 SVG 代碼

  • 瞭解 SVG 佈局、結構和屬性
  • SVG Elements 簡介
  • 使用 SVG 圖形 Element
  • 使用 SVG 個容器 Element
  • 使用 SVG 個漸變 Elements

將 SVG 與 HTML 和 CSS 一起使用

  • 嵌入 SVG
  • 使用 CSS 修改和樣式化 SVG
  • 使 SVG 回應式

創建 SVG 精靈

  • Image Sprite 概述
  • 使用 HTML 內聯 SVG 精靈
  • 在 HTML 中引用外部 SVG 精靈
  • 使用 CSS 內聯 SVG 精靈
  • 使用 SVG 片段標識碼

優化 SVG

使用 SVG 製作動畫

  • 將 CSS 用於 SVG Animation
  • 將 SMIL 用於 SVG Animation
  • 使用 Java腳本 SVG Animation

創建您的第一個 SVG 徽標 Animation 專案

  • 設置您的工作環境
  • 繪製 SVG
  • 修改 SVG 代碼以設置 SVG 的樣式
  • 優化 SVG
  • 為 SVG 製作動畫

故障排除

結束語

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