검색

[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.4-2

  • 교육기간4주
  • 교육시간17시간
  • 과정 소개
  • 학습 목차
  • 수강후기
  • 본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2, 3편에서 이어지는 4편 시리즈 강좌입니다.
    최신의 CSS 레이아웃 기술들인 flexbox와 grid 기반의 레이아웃에 대해서 살펴보며 CSS 프레임워크를 이용한 메인 구성 등을 학습합니다.
    이 강좌를 통하여 CSS 기반의 다양한 레이아웃 기본기를 다질 수 있습니다.
  • 학습차수 학습명 학습시간 학습
    1차시 아이콘 이미지 수정하기(1) 27분 미리보기
    2차시 아이콘 이미지 수정하기(2) 27분
    3차시 아이콘 이미지 수정하기(3) 27분
    4차시 캐러셀 이미지 가로 너비 조절하기 27분
    5차시 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(1) 27분
    6차시 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(2) 27분
    7차시 네비게이션 상단 메뉴 만들기 개요 및 전체 구조 미리보기 27분
    8차시 상단메뉴 마크업 및 CSS 코딩(1) - 로고, (2) - li 27분
    9차시 상단메뉴 마크업 및 CSS 코딩(3) - 센저리프 계열 폰트 적용, (4) - flexbox 27분
    10차시 우측 로그인 버튼 만들기 및 메뉴 수평 정렬 27분
    11차시 스무스한 애니메이션 적용을 위한 Transition 속성 사용하기 27분
    12차시 트랜지션 속성 4가지 정리하기 27분
    13차시 트랜지션 옵션들 정리 27분
    14차시 Transition linear ease 옵션의 차이점 눈으로 확인하기 27분
    15차시 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(1) 27분
    16차시 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(2) 27분
    17차시 상단 네비게이션 디자인과 하단 디자인 PT 정리 27분