닫기
과정 구분
과정 카테고리
태그
검색어
[HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.4-3 과정이미지

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

교육기간
30일
강의구성
16차시
  • 과정 [HD]CSS 기반의 웹사이트 레이아웃 정복하기 (활용강좌) Part.4-3 0

판매금액 배송금액 할인금액

총 결제금액

기본 정보

학습기간
4주
총 시간
8.0시간
차시수
16차시
개발년월
202002
내용전문가
김동준
NCS분류
02020302:사무행정

과정 소개

본 과정은 CSS 기반의 레이아웃 코딩 강의로써 앞서 1, 2, 3편에서 이어지는 4편 시리즈 강좌입니다. 최신의 CSS 레이아웃 기술들인 flexbox와 grid 기반의 레이아웃에 대해서 살펴보며 CSS 프레임워크를 이용한 메인 구성 등을 학습합니다. 이 강좌를 통하여 CSS 기반의 다양한 레이아웃 기본기를 다질 수 있습니다.

학습 대상

CSS 학습에 부담을 가지는 학습자 빠른 시간에 CSS 기능을 학습하고자 하는 자 자영업, 직장인 중 직접 웹사이트를 만들고자 하는 자

학습 목표

CSS 기본문법중 웹사이트 레이아웃 관련된 주요 기능과 유용한 기능을 함께 학습함으로서 실무적인 기초능력을 함께 배양할 수 있다.

강의목차(총 16강)

1. 1. 하단 디자인 레이아웃(1) 37분

2. 2. 하단 디자인 레이아웃(2) 35분

3. 3. 하단 디자인 레이아웃(3) 31분

4. 4. 하단 디자인 레이아웃(4) - 마무리 21분

5. 5. Grid 강의개요 및 Grid 이전의 전통적인 레이아웃 구성 37분

6. 6. Grid 기술을 사용한 레이아웃 구성(1) - grid 20분

7. 7. Grid 기술을 사용한 레이아웃 구성(2) - fr 단위 37분

8. 8. Grid 기술을 사용한 레이아웃 구성(3) - columns 20분

9. 9. Grid 기술을 사용한 레이아웃 구성(4) - areas 43분

10. 10. Grid 기술을 사용한 레이아웃 구성(5) - other options 28분

11. 11. Grid 기술을 사용한 레이아웃 구성(6) - perpendicular merge 20분

12. 12. 그리드의 새로운 단위 fr 개념 좀 더 자세히 이해하기(1) 22분

13. 13. 그리드의 새로운 단위 fr 개념 좀 더 자세히 이해하기(2) 34분

14. 14. 그리드 fr 단위 auto 자세히 이해하기 34분

15. 15. 그리드 레이아웃을 상단메뉴에 활용하는 실전 연습(1) 18분

16. 16. 그리드 레이아웃을 상단메뉴에 활용하는 실전 연습(2) 16분

퀵배너