-
직무교육 IT/시스템/보안
[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.4-2
훈련등급 : A 등급
총 17차시 / 17시간 교육과정
수료기준 및 수강정원
수강정원 총진도율 중간평가 최종평가 과제 0 명 60% 이상 총 0점 /
0% 반영총 0점 /
0% 반영총 0점 /
0% 반영반영된 평가 합산 0점 이상
교육비 안내
교육비 환급 : 우선지원 기업 환급 : 대규모
(1,000인 미만)환급 : 대규모
(1,000인 이상)구독형
- 과정소개
- 강의목차
- 학습후기
과정소개
본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2, 3편에서 이어지는 4편 시리즈 강좌입니다. 최신의 CSS 레이아웃 기술들인 flexbox와 grid 기반의 레이아웃에 대해서 살펴보며 CSS 프레임워크를 이용한 메인 구성 등을 학습합니다. 이 강좌를 통하여 CSS 기반의 다양한 레이아웃 기본기를 다질 수 있습니다.과정목표
CSS 기본문법 중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다.학습대상
CSS 학습에 부담을 가지는 학습자
빠른 시간에 CSS 기능을 학습하고자 하는 자
자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자강의목차
- 1 . 아이콘 이미지 수정하기(1)
- 2 . 아이콘 이미지 수정하기(2)
- 3 . 아이콘 이미지 수정하기(3)
- 4 . 캐러셀 이미지 가로 너비 조절하기
- 5 . 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(1)
- 6 . 부트스트랩 3 버전과 4 버전의 호환성 및 차이점(2)
- 7 . 네비게이션 상단 메뉴 만들기 개요 및 전체 구조 미리보기
- 8 . 상단메뉴 마크업 및 CSS 코딩(1) - 로고, (2) - li
- 9 . 상단메뉴 마크업 및 CSS 코딩(3) - 센저리프 계열 폰트 적용, (4) - flexbox
- 10 . 우측 로그인 버튼 만들기 및 메뉴 수평 정렬
- 11 . 스무스한 애니메이션 적용을 위한 Transition 속성 사용하기
- 12 . 트랜지션 속성 4가지 정리하기
- 13 . 트랜지션 옵션들 정리
- 14 . Transition linear ease 옵션의 차이점 눈으로 확인하기
- 15 . 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(1)
- 16 . 상단메뉴 우측 회원가입 버튼 디자인 클래스 처리하기(2)
- 17 . 상단 네비게이션 디자인과 하단 디자인 PT 정리
학습후기