Course Outline

소개

Scalable 벡터 그래픽 개요

  • 벡터 그래픽 이해
  • SVG 기초
  • SVG 용도 및 응용

기본적인 사용법 익히기 SVG

  • SVG 만들기
  • SVG을 이미지로 사용
  • SVG 이미지 만들기

SVG 코드 자세히 살펴보기

  • SVG 레이아웃, 구조 및 속성 이해
  • SVG Element 소개
  • SVG 그래픽 Element 작업
  • SVG 컨테이너 Element 작업
  • SVG 그라디언트 Element 작업

HTML 및 CSS과 함께 SVG 사용

  • 임베딩 SVG
  • 수정 및 스타일링 SVG CSS 사용
  • SVG 반응형 만들기

SVG 스프라이트 만들기

  • 이미지 스프라이트 개요
  • HTML 인라인 SVG 스프라이트 사용
  • HTML의 외부 SVG 스프라이트 참조
  • CSS 인라인 SVG 스프라이트 사용
  • SVG 조각 식별자 사용

최적화 SVG

SVG로 애니메이션 만들기

  • SVG Animation에 CSS 사용
  • SVG Animation에 SMIL 사용
  • SVG Animation에 Java스크립트 사용

첫 번째 SVG 로고 Animation 프로젝트 만들기

  • 작업 환경 설정
  • SVG 그리기
  • SVG 코드를 수정하여 SVG 스타일 지정
  • SVG 최적화
  • SVG 애니메이션

문제 해결

맺음말

Requirements

  • HTML 및 CSS의 배경
  7 Hours
 

Number of participants


Starts

Ends


Dates are subject to availability and take place between 10:00 and 17:00.
Open Training Courses require 5+ participants.

Related Courses

Related Categories