강의 개요

line 이미지
표현(CSS)으로 웹 모바일 디자인을 완성하라.

웹의 구조를 꾸며주는 표현을 통해
클라이언트(브라우저)에서 보여지는 웹 디자인 표현을 완성하는 코스로,
최신 CSS 디자인 기법(Animation, Transform 등)을 배워보고,
실무에 활용할 수 있는 능력 습득을 이워내는 것이 목표입니다.

css 이미지

 강의 목표

line 이미지
  • - CSS3의 새로운 셀렉터 학습
  • - CSS3를 활용한 Text 디자인 방법
  • - CSS3의 다양한 디자인 명령을 통해, 코드만을 사용하여 대부분의 웹 디자인을 구현
  • - CSS3 애니메이션 기법을 익혀, 보다 인터렉티브한 UI 구현
  • - 실무에서 사용되는 예제를 통한 디자인 및 UI 구현 기법 숙달

수강대상

line 이미지
  • 시각 디자인의 공부를 처음 시작하려는 분 이미지 HTML / CSS 의 기본적인 사용법을 알고,
    기초적인 퍼블리싱이 가능한 분
    CSS3의 사용법을 이용하여 보다 효율적인
    디자인 가이드를 제작하고자 하는 웹 디자이너
  • 안경 아이콘 CSS3를 사용하여 다양한 디자인을
    코드로 구현하고자 하는 퍼블리셔
    CSS3의 새로운 기능을 활용하여, 보다 효율적인
    웹사이트를 구현하고자 하는 퍼블리셔
  • 안경 아이콘 CSS3를 활용하여 인터렉티브한
    효과를 구현하고자 하는 UI 개발자
    CSS3 의 새로운 기능을 알고자 하는
    퍼블리셔 및 프론트 개발자

 강의관련 동영상

line 이미지

커리큘럼

line 이미지
  • 1강
  • CSS3 개요
    기존 CSS와 달라진 점
    CSS3 선택자
    실습
line 이미지 2
  • 2강
  • CSS3 단위 및 컬러
    Media Queries
    Box Sizing
    Rounded Corners
    Border Images
    실습
line 이미지 2
  • 3강
  • Fonts
    Text
    Shadows(Text, Box)
    Transitions
    Gradients
    실습
line 이미지 2
  • 4강
  • 2D Transform
    3D Transform (+ Perspective)
    Animation
    실습
line 이미지 2
  • 5강
  • 퍼블리싱 실습(실무예제)
line 이미지 2
  • 6강
  • 퍼블리싱 실습(실무예제)
line 이미지 2
  • 7강
  • UI 실습(실무예제)
line 이미지 2
  • 8강
  • UI 실습(실무예제)
line 이미지 2

 강사소개

line 이미지
이시영 선생님 이미지

강사
이시영


현) 디노웍스㈜ 대표
방위사업청 사업관리본부 운영 아키텍트
웹표준솔루션 포럼 회원사
KAIST 산업공학과 (석사)

주요프로젝트


주요 금융사 및 대기업 웹 접근성 개선 컨설팅 및 구축 사업
현대건설, CJ 그룹, 기아자동차, IBK 기업은행, 국민카드 등