コース概要

導入

Scalable ベクター グラフィックスの概要

  • ベクターグラフィックスを理解する
  • SVG 基本
  • SVG 用途と用途

使い方の基本を学ぶ SVG

  • SVG の作成
  • SVGを画像として使用する
  • SVG画像の作成

SVG コードを深く掘り下げる

  • SVG レイアウト、構造、属性を理解する
  • SVG Element の概要
  • SVG グラフィカル Element の操作
  • SVG コンテナ Element の操作
  • SVG グラデーション Element の操作

SVGをHTMLとCSSで使用する

  • 埋め込み SVG
  • CSS を使用した変更とスタイル SVG
  • SVG をレスポンシブにする

SVG スプライトの作成

  • 画像スプライトの概要
  • HTML インライン SVG スプライトの使用
  • HTML で外部 SVG スプライトを参照する
  • CSS インライン SVG スプライトの使用
  • SVG フラグメント識別子の使用

最適化 SVG

SVG でアニメーション化する

  • SVGAnimationにCSSを使用
  • SVG Animation に SMIL を使用する
  • SVG Animation に Java スクリプトを使用する

最初の SVG ロゴ Animation プロジェクトの作成

  • 作業環境をセットアップする
  • SVGを描く
  • SVG コードを変更して SVG をスタイルする
  • SVG の最適化
  • SVG をアニメーション化する

トラブルシューティング

閉会の辞

要求

  • HTMLの背景
  • & CSS。
 7 時間

参加者の人数



Price per participant

関連コース

関連カテゴリー