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

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

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

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

총 결제금액원

장바구니아이콘장바구니 수강신청아이콘수강신청

기본 정보

학습기간
4주
총 시간
10.0시간
차시수
21차시
개발년월
201909
내용전문가
김동준
NCS분류
20010202:응용SW엔지니어링

과정 소개

본 과정은 CSS 기반의 웹사이트와 쇼핑몰, 홈페이지 레이아웃 및 요소 코딩을 어떻게 하는지에 대한 강좌입니다. 강좌의 수준은 초보자도 쉽게 동영상 강좌만으로도 학습할 수 있도록 구성하고 있으며, 또한 따라하기 학습 방식으로 구성되어 있습니다. 이 강좌를 통하여 CSS 기반의 레이아웃 기초를 다질 수 있습니다.

학습 대상

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

학습 목표

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

강의목차(총 21강)

1. 1. 강의개요 및 선수학습 24분

2. 2. 필요한 프로그램 설치 및 환경설정 27분

3. 3. 기본적인 형태의 HTML 문서파일 35분

4. 4. DIV 박스 성질(1) 29분

5. 5. DIV 박스 성질(2) 39분

6. 6. DIV 박스 성질(3) 18분

7. 7. DIV 박스 성질(4) 19분

8. 8. float 27분

9. 9. float practice 24분

10. 10. Div 박스의 높이(height) 적용 문제 22분

11. 11. box-sizing, float issue 36분

12. 12. clearfix, after before 25분

13. 13. div 박스 레이아웃 예제 만들기(1) 20분

14. 14. div 박스 레이아웃 예제 만들기(2) 30분

15. 15. Css 코드 축약 37분

16. 16. 다양한 예제 42분

17. 17. 이미지옆 텍스트 배치시 클리어픽스 21분

18. 18. nth-child 슈도클래스 사용법(1) 31분

19. 19. nth-child 슈도클래스 사용법(2) 23분

20. 20. 4개 박스 좌우배치 새 클리어 처리기법과 문제점 39분

21. 21. 퍼센트가 나누어 떨어지지 않는 홀수 개수 정렬 34분

퀵배너